自定义GTM事件未显示

Question

单击模式时，我需要一个自定义事件（“ CasaCalculatorEvent”）。 但是在dataLayer中，当我单击其从“ CasaCalculatorEvent”到“ gtm.linkClick”的更改时。

在dataLayer中这样接收：

我的代码：

Answer 1

建议不要在页面上进行硬编码，而建议使用您的eventName在GTM上设置“自定义事件”触发器。触发器可以在您的标签上触发。

编辑1： 添加更多信息以澄清。我建议从您的代码中删除eventName。您的代码可以没有事件名称。然后转到tagmanager.google.com并创建一个引用CasaCalculatorEvent的标签（匹配类别，操作和标签）。然后创建一个触发器（在此处添加事件名称），该触发器将在标记上触发。

Answer 2

尝试一下：

<button onclick="logThis()">
click me
</button>

var dataLayer = window.dataLayer || [];

function logThis(){
    dataLayer.push({'event':'CasaCalculatorEvent'});
    // print the last dataLayer entry
    alert(JSON.stringify(dataLayer[dataLayer.length - 1]));
}

提琴：https://jsfiddle.net/ajsn/z4q93tya/

要完成这项工作，我需要change the load settings to "no-wrap - bottom of body"

正如Raymon所指出的那样，我的偏好还在于向该元素添加ID或区分属性，然后使用GTM CSS选择器将其定位为触发事件。

代替onclick =“ function（）”添加类似gtmevent =“ CasaCalculator”的东西，然后在目标匹配CSS选择器[gtmevent =“ CasaCalculator”]的“某些点击”上使用点击事件监听器

Simo-Ahava在CSS选择器上有一篇不错的文章：https://www.simoahava.com/analytics/css-selector-guide-google-tag-manager/