如何捕获嵌套的 HTML 元素？

Question

我正在尝试捕获 HTML 元素，目的是将值作为事件发送到 GA。我正在使用 GTM，并希望使用点击触发器将此 HTML 值推送到变量中。

比如标签是这样设置的：

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

每一层都嵌套在另一层之下。我们要为 GTM 目的捕获的值是位于 h1 ("xyz2") 下的值。这可能吗？

Answer 1

您需要 select JS 中的值并通过事件将其传输到 GA（或初始浏览量，如果您想保持较低的请求数）。

没有 GTM 的方法：

Select 通过 select 或

您的 HTML 标签的值

// 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 标签的信息。在变量定义中使用 "CSS Selector" 并使用 CSS select 或者我上面提到的

在您的 Universal Analytics 代码定义中使用变量。您可以使用您定义的变量的值来设置自定义维度索引的值。

如何捕获嵌套的 HTML 元素？

How to capture a nested HTML element?

html

google-analytics

google-tag-manager