gtag.js を使用してアウトバウンド リンクをトラッキングする

Google アナリティクス イベントを使用して、外部のウェブサイトにつながるアウトバウンド リンクのクリックをトラッキングすることができます。

アナリティクス イベント トラッキングを設定するには、HTML の編集や JavaScript を使ったコード作成に関する知識、または経験豊富なウェブ開発者のサポートが必要です。

詳しくは、基本的なトラッキング コードの設定に関する記事をご覧ください。

すでに gtag.js トラッキング コードをサイトに追加している場合は、下記のスクリプトをコピーしてページに貼り付け、アウトバウンド リンクのイベント トラッキングを設定できます。

この例のスクリプトをそのままコピーして貼り付ける場合、アナリティクス イベント レポートでは、カテゴリ「outbound」、アクション「click」、ラベル「該当の URL」でアウトバウンド クリックのデータを確認できます。これらの値をそのまま使用できますが、編集して独自の値を定義することも可能です。イベントの要素について詳しくは、イベントについてをご覧ください。

<script>
/**
* アナリティクスでアウトバウンド リンクのクリックをトラッキングする関数。
* この関数では有効な URL 文字列を引数として受け取り、その URL 文字列を
* イベントのラベルとして使用する。transport メソッドを 'beacon' に設定すると
* 対応ブラウザでは 'navigator.sendBeacon' を使ってヒットが送信される。
*/
var trackOutboundLink = function(url) {
  gtag('event', 'click', {
    'event_category': 'outbound',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){document.location = url;}
  });
}
</script>

次に、onclick 属性をリンクに追加するか、既存の属性を修正してください。この例は、実際のリンクのモデルとして使用します。

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">Check out example.com</a>

関連資料

この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。