html - 如何捕获嵌套的 HTML 元素？

Question

我正在 try catch 一个 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 的方法:

通过选择器选择 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 选择器。

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