背景點擊的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 
     }); 
    }); 
});