注: この記事は、analytics.js スニペットのタグが付けられたサイトのみを対象としています(gtag.js のタグが付けられたサイトには該当しません)。
Google アナリティクス イベントを使用して、外部のウェブサイトにつながるアウトバウンド リンクのクリックを測定することができます。
この記事の内容:Google タグ マネージャーを使用する
Google タグ マネージャーを使用して Google アナリティクスを管理する場合は、Google アナリティクス イベントの設定手順に沿ってイベントを実装します。
サイトに直接タグを追加する
サイトに直接アナリティクス タグを追加している場合は、下記のスクリプトをコピーして実際のページに貼り付け、アウトバウンド リンクのイベント測定を設定します。このスクリプトは、基本的なアナリティクス タグではなく、ページのヘッダーに挿入してください。
この例のスクリプトをそのままコピーして貼り付ける場合、アナリティクス イベント レポートでは、アウトバウンド クリックが「outbound」カテゴリと「click」アクションに表示されます(このスニペットでは太字で示します)。これらの値をそのまま使用できますが、編集して独自の値を定義することも可能です。イベントの要素について詳しくは、イベントについてをご覧ください。
ここでは、analytics.js タグを使用している場合の例を示します。実際のウェブページで従来のアナリティクス(ga.js)とユニバーサル アナリティクス(analytics.js)のどちらを使用しているかをご確認ください。
<script>
/**
* アナリティクスでアウトバウンド リンクのクリックを測定する関数。
* この関数では有効な URL 文字列を引数として受け取り、その URL 文字列を
* イベントのラベルとして使用する。transport メソッドを 'beacon' に設定すると
* 対応ブラウザでは 'navigator.sendBeacon' を使ってヒットが送信される。
*/
var captureOutboundLink = function(url) {
ga('send', 'event', 'outbound', 'click', url, {
'transport': 'beacon',
'hitCallback': function(){document.location = url;}
});
}
</script>
次に、onclick
属性をリンクに追加するか、既存の属性を修正してください。この例は、実際のリンクのモデルとして使用します。
<a href="http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">Check out example.com</a>
関連資料