如何捕獲嵌套的HTML元素？

Question

我試圖捕獲一個HTML元素，用於將值作爲事件發送到GA。我正在使用GTM，並希望使用單擊觸發器將此HTML值推入變量。

例如，標籤被設置這樣的：

<div class ="xxxyyyyzzzz" value1="qwejsdkfj" value3="akhdfjksh"> 
    <div class ="fjk" > 
     <h1> "xyz2"</h1> 

與其他下嵌套每個級別。我們希望爲GTM目標捕獲的值是位於h1（「xyz2」）之下的值。這可能嗎？

Answer 1

您需要選擇JS中的值並通過事件（或初始瀏覽量，如果要保持低請求數）將其傳輸到GA。

方法，無需GTM：

通過選擇

// select the value via CSS selector, catch the first result of your query 
var selector = document.querySelectorAll(".fjk h1")[0]; 

// select your category, action and label (I set label with the value of your selector 
if(selector) ga('send', 'event', [eventCategory], [eventAction], selector, [eventValue], [fieldsObject]); 

方法中GTM選擇HTML標籤的值：

創建持有你的HTML標籤的信息的變量。在變量定義中使用「CSS選擇器」，並使用上面提到的CSS選擇器。

在Universal Analytics Tag定義中使用該變量。您可以使用您定義的變量的值來設置自定義維度索引的值。