Question

我有一个自定义JS事件，当手风琴面板打开时会触发该事件。我想跟踪开头为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”上触发的自定义事件

标记，使用我的跟踪ID输入Universal Analytics，跟踪类型：事件（accordion，open，[可能是设置为panel.attr（'id'）的全局JS变量？]）

但是在GTM预览中进行测试时，标签甚至不会触发。我做错了什么？

Answer 1

另一种解决方案是使用自定义HTML侦听器标记，您可以将其设置为在指定页面上侦听（例如，在页面上有手风琴的地方）。标签看起来像这样，并且需要推送dataLayer事件和值：

$('#my-accordion').on('down.zf.accordion', function(e, panel) {
   dataLayer.push({
      'event': 'accordion open',
      'category: 'accordion',
      'action': 'open',
      'label': panel.attr('id');
   })
});

（请注意，我还没有对此进行测试，因为我无法访问Zurb基础手风琴 - 假设这是您正在使用的内容。）

然后可以从事件＆＃34;手风琴打开＆＃34;中触发您的事件标记，并且您的事件类别，操作和标签将从dataLayer变量中获取。

如何在Google跟踪代码管理器中跟踪自定义JavaScript事件？

1 个答案: