GTM Click ID Trigger 到整个对象

Question

我有这个代码：

<div id="hk-mobile-sticky">
    <a href="/kontakt" class="button sticky-mbutton sticky-kontakt-mobile">
            <div class=sticky-icons-mobile>
                    <span class="icn-hk-kontakt-m"></span>
            </div>
            <p class="hk-msticky-label">
                    Kontakt
            </p>
    </a>

    <a href="/standorte" class="button sticky-mbutton sticky-standorte-mobile">
            <div class=sticky-icons-mobile>
                    <span class="icn-hk-pin-m"></span>
            </div>
            <p class="hk-msticky-label">
                    Standorte
            </p>
    </a>
</div>

现在我想在 GTM 中为两个 <a> 元素 – Kontakt 和 Standorte 设置一个点击触发器。我的猜测是采用 class 例如“sticky-kontakt-mobile”用于触发器，但它仅在我单击 <span> 和 <p> 标签的外部时触发。我还尝试将两个 <a> 包装在一个 <div> 中，但结果是相同的

如何在点击标签内的所有内容时触发触发器？

感谢

Answer 1

事实证明，js 中的点击处理程序与 GTM 中的不同。我为每个 <a> 标签分配了一个 ID“myID”，并将事件“eventName”推送到数据层。使用此设置，无论我点击 <a> 或 <span> 等

，事件都会触发

document.getElementById("myID").addEventListener("click", clickonID);

function clickonID() {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
  event: "eventName",
 });
};

Answer 2

我猜你可以使用触发器“Just Link”

和以下规则

Click Element, Match CSS Selector, div#hk-mobile-sticky a

Just Link 类型的触发器将只监听 a 标签。

GTM Click ID Trigger 到整个对象

GTM Click ID Trigger to the whole object

triggers

google-tag-manager