5

アコーディオン パネルが開いたときに発生するカスタム JS イベントがあります。パネル ID をイベント ラベルとして、オープニングを Google アナリティクス イベントとして追跡したいと考えています。

古い非 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 と入力、トラッキング タイプ: イベント (アコーディオン、オープン、[おそらく panel.attr('id')? に設定されたグローバル JS 変数])

ただし、GTM プレビューでテストしても、タグは呼び出されません。私は何を間違っていますか？

4

1 に答える 1

4

別の解決策は、指定したページ (たとえば、ページ上のアコーディオンがある場所) でリッスンするように設定できるカスタム 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 Foundation アコーディオンにアクセスできないため、これをテストしていないことに注意してください - それがあなたが使用しているものと仮定して)。

イベント タグは、イベント「アコーディオン オープン」から起動でき、イベント カテゴリ、アクション、およびラベルは、dataLayer 変数から取得されます。

于 2016-01-19T01:08:45.820 に答える