Google 带有 angular js 链接的跟踪代码管理器

Google Tag Manager with angular js links

我在我的应用程序中有一些 links,我想在 GTM 的帮助下跟踪对那些 links 的点击。假设我有一个 link 可以下载这样的页面

<a ui-sref="main.download">Download</a>

我为这次点击创建了一个类型为 'Universial Google Analytics' 的代码,名为 MainDownloadLink

我应该如何定义触发器以在单击 link 时触发此标记?另请注意,我不想使用 angularitics 库。想象一下,我无法控制源代码。只是 GTM 面板。

我定义了一个 Clicks-Just Link 类型的触发器,但我对触发此事件的条件感到困惑。

欢迎任何帮助。

您必须确保禁用 "link validation"(因为 GTM 认为没有 href 的 link 是有效的)。

只要您的 link 实际上被命名为 "Download",使用内置 "click text" 变量并设置过滤器“if click text equals download 可能是最简单的" 在你的 link 触发器上。

否则您可能想尝试访问 "main.download" 属性。内置点击元素变量 returns 被点击的 DOM 元素,因此您需要创建一个自定义变量

function() {
    return {{Click Element}}.getAttribute('ui.sref');
} 

然后在触发器中测试 "{{your custom js var}} equals main.download"

未经测试,但基本上这应该有效。