アウトバウンド リンクを測定する

ユーザーがリンクをクリックして、サイトを離れたタイミングを把握します。

: この記事は、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>

関連資料

google-developers-svg

gtm-logo-sm-svg

アナリティクス イベント

 

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