外部リンクでクリックが行われるたびに dataLayer プッシュ イベントを作成しようとしています。これをトリガーとして使用して、外部リンク トラッキング用の GTM タグを起動する予定です。私はそれが次のようなものになると思います:
<script>
Some code to detect clicks on any external links
dataLayer.push({'event': 'eventNameXYZ'});
</script
外部リンクでクリックが行われるたびに dataLayer プッシュ イベントを作成しようとしています。これをトリガーとして使用して、外部リンク トラッキング用の GTM タグを起動する予定です。私はそれが次のようなものになると思います:
<script>
Some code to detect clicks on any external links
dataLayer.push({'event': 'eventNameXYZ'});
</script
関数の例:
function pushToDataLayer() {
var links = document.getElementsByTagName('a');
for(var i=0,cnt=links.length;i<cnt;i++) {
var current = links[i];
current.onclick = function() {
dataLayer.push({
'href': current.href,
'event': 'outbound' // event to trigger a rule in the tag manager
});
}
}
}
(jQuery などを使用すると、これははるかに簡単になります)。これにより、すべてのリンクにクリック イベントが追加されます。クリックすると、クリックされた href を持つイベントと変数が dataLayer にプッシュされます。
タグ マネージャーで、カスタム イベント「outbound」でタグをトリガーする新しいルールと、「href」dataLayer 変数をキャッチする dataLayer タイプのマクロを作成する必要があります。この変数をタグで使用できます。たとえば、GA の仮想ページビューを使用して、「イベント「アウトバウンド」で起動する」というルールでタグを起動できます。
コードはすべてのブラウザーで機能するとは限らず、実稼働コードではなく原則のデモンストレーションです (さらに、すべてのリンクをキャッチします。アウトバウンドリンクを示唆する絶対 URL またはドメイン名または CSS クラス名をテストする必要があります)。リンクを見つけてイベントを添付するには、jQuery を使用することをお勧めします。