バックグラウンドでのJQuery機能のクリック - GTM

Question

GTM（Googleタグマネージャ）で作成されたカスタムタグがあります。ユーザーが特定のブートストラップモーダルを閉じたときにタグを追跡したい。そのために、私は、カスタム関数を構築しました：

$(function() { 
     $('#popup').click(function() { 
     var label = $("#popup .container h4").text(); 
     dataLayer.push({ 
     'event': 'GAEvent', 
     'eventCat': 'Event Engagement', 
     'eventAction': label + " Modal - Close", 
     'eventLabel': label, 
     'gaNonInt': false 
     }); 
    }); 
}); 

次のようにモーダルのためのHTMLの構造は次のとおりです。

<div id="popup"> <!--The modal background/overlay is set here--> 
    <div id="popup-block">Content nested here</div> 
</div> 

ユーザーが背景レイヤー（＃ポップアップの背景）をクリックすると、モーダルは閉じます。しかし、カスタム関数で#popupをターゲットにすると、#popup div内にネストされた要素がクリックされたときにタグが起動します。 #popup div要素の背景のみをターゲットにする方法はありますか？前もって感謝します。

Answer 1

これを試してみてください：作品

$(function() { 
     $('#popup').click(function(e) { 
     if(e.target != this) return; // probably a child was clicked. 
     var label = $("#popup .container h4").text(); 
     dataLayer.push({ 
     'event': 'GAEvent', 
     'eventCat': 'Event Engagement', 
     'eventAction': label + " Modal - Close", 
     'eventLabel': label, 
     'gaNonInt': false 
     }); 
    }); 
});