我有一个自定义 JS 事件,当打开 Accordion 面板时会触发该事件。我想将开幕作为 Google Analytics 事件进行跟踪,并将面板 ID 作为事件标签。
使用旧的非 GTM 方法,我会这样做:
$('#my-accordion').on('down.zf.accordion', function(e, panel) {
ga('send', 'event', 'accordion', 'open', panel.attr('id'));
});
但我希望使用 Google 跟踪代码管理器来完成此操作,并尽可能减少对页面代码的更改。
到目前为止,我已经在 Google 跟踪代码管理器中创建了此内容:
触发器,输入在“down.zf.accordion”上触发的自定义事件
标签,输入 Universal Analytics 和我的跟踪 ID,跟踪类型:事件(折叠式、打开,[可能是设置为 panel.attr('id') 的全局 JS 变量?])
但是在 GTM 预览中测试时该代码甚至不会触发。我做错了什么?
最佳答案
另一种解决方案是使用自定义 HTML 监听器标记,您可以将其设置为在指定页面上监听(例如,页面上有 Accordion 的任何位置)。该标签看起来像这样,并且需要推送 dataLayer 事件和值:
$('#my-accordion').on('down.zf.accordion', function(e, panel) {
dataLayer.push({
'event': 'accordion open',
'category: 'accordion',
'action': 'open',
'label': panel.attr('id');
})
});
(请注意,我还没有测试过这一点,因为我无法访问 Zurb 基金会 Accordion - 假设您正在使用它)。
然后,您的事件标记可以从事件“accordion open”中触发,并且您的事件类别、操作和标签将从 dataLayer 变量中获取。
关于google-analytics - 如何在 Google 跟踪代码管理器中跟踪自定义 JavaScript 事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34866474/