web-dev-qa-db-ja.com

Google Analyticsでアウトバウンドリンクを追跡するにはどうすればよいですか?

現在、WordPress Webサイトがあり、訪問者がサードパーティのWebページ(アウトバウンドリンク)をクリックしたときを追跡するイベントを作成できます。

現在、私のウェブサイトには3つのGoogle Analyticsトラッキングコードがあります。各トラッキングコードは次のようになります。

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-x"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.Push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxxxx-x');
setTimeout("gtag('event', 'adjusted bounce rate', {'event_label':'more than 30 sec'})",30000 );
</script>

ご覧のとおり、ページで少なくとも30秒を費やした訪問者を追跡するためのイベントが既に統合されています。

私はこれを読みました Googleサポート ページで、貼り付ける必要があることがわかります:

<script>
var trackOutboundLink = function(url) {
   ga('send', 'event', 'outbound', 'click', url, {
     'transport': 'beacon',
     'hitCallback': function(){document.location = url;}
   });
}
</script>

そして...

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

これで、上記のスニペットをheader.phpファイルに挿入する必要があることがわかりましたが、どこにあるかはわかりません。

  1. 上記のスニペットを3つのGoogleアナリティクストラッキングアカウントのそれぞれに「割り当て」られるように統合するにはどうすればよいですか?
  2. onclick属性は、header.phpファイル内のAnalyticsスニペットの一部ではなく、ページで追跡するリンクでのみ使用することを理解していますか?
1
Craig

まず、同じアナリティクスバージョンのトラッキングコードを使用していることを確認する必要があります。あなたの質問では、メイントラッキングコードは gtag.js を使用していますが、イベントコードは analytics.js に基づいています。

最新のgtag.jsを使用する必要があります。したがって、使用するコードは次のようになります。

var trackOutboundLink = function(url) {
  gtag('event', 'clic', {
    'event_category': 'saliente',
    'event_label': url,
    'transport_type': 'beacon',
    'event_callback': function(){document.location = url;}
  });
}

メイントラッキングコードの後に​​配置されている限り、このコードがどこに配置されていてもかまいません。

それでも、それを簡単にし、各外部リンクの変更を避けるために、Googleタグマネージャーを使用することをお勧めします。ここに GTMを介して外部リンクを追跡するためのチュートリアル があります。

3
Emirodgar