首页 文章

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

提问于
浏览 次
1

我有一个自定义JS事件，当手风琴面板打开时会触发 . 我想跟踪开头为Google Analytics事件，其中面板ID为事件标签 .

使用旧的非GTM方法，我会这样做：

$('#my-accordion').on('down.zf.accordion', function(e, panel) {
  ga('send', 'event', 'accordion', 'open', panel.attr('id'));
});

但我想通过Google跟踪代码管理器执行此操作，并尽可能减少页面代码的更改 .

到目前为止，我已经在Google跟踪代码管理器中创建了

Trigger ，键入在'down.zf.accordion'上触发的自定义事件

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

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

google-analytics google-tag-manager custom-events

1 回答

  • 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基础手风琴 - 假设这就是您正在使用的） .

    然后可以从“accordion open”事件触发事件标记，并从dataLayer变量中获取事件类别，操作和标签 .

    回复于

相关问题