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://example.com" onclick="trackOutboundLink('http://example.com'); return false;">Check out example.com</a>