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

Question

我有一个自定义 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 预览中测试时该代码甚至不会触发。我做错了什么？

Answer 1

另一种解决方案是使用自定义 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 变量中获取。