Google 跟踪代码管理器 - 使用自定义 HTML 的 event.preventdaulft答案

【问题标题】：Google Tag Manager - event.preventdaulft using Custom HTMLGoogle 跟踪代码管理器 - 使用自定义 HTML 的 event.preventdaulft
【发布时间】：2018-11-19 12:56:19
【问题描述】：

我有一个关于 Google 跟踪代码管理器的问题。我正在使用带有以下触发器的自定义 html 标记 -> 单击元素、CSS 选择器匹配、.className a

触发标签后，我想阻止链接打开，因为 a contains href = "some url"。我在想唯一的方法是使用 event.preventDefault() 。但是它一直告诉我事件未定义。

非常感谢。

【问题讨论】：

你好奥斯曼！你能提供实际的代码吗？此外，您可能会发现此链接很有帮助：stackoverflow.com/help/mcve

标签： google-tag-manager

【解决方案1】：

这实际上不起作用，因为您无权访问实际的链接目标。

可以想象（我还没有真正测试过），您可以创建一个自定义 HTML 标记，以提前阻止对标记的默认操作，并通过 Tag Sequencing 将其附加为设置标记（即，在没有触发的情况下触发的标记它自己的触发器）为您的跟踪标签：

document.querySelector('[href="/my/link/url"]').addEventListener("click", function(event){
    event.preventDefault()
});

【讨论】：