グローバルサイトタグの設定方法(GoogleアナリティクスタグとAdwordsのリマーケティングタグを貼り付ける例)

基本タグ(グローバルサイトタグ)をどのように設定するかを例でみてみたいと思います。まず、Googleアナリティクスからタグを取得するときに、gtag.js形式であれば以下のようになっていると思います。

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID');
</script>

次に、Adwordsのgtag.js形式の基本タグ(グローバルサイトタグ)を管理画面からコピーしてくる(新しい管理画面に切り替えるとgtag.js形式が取得できます)とこうなります。

<!-- Global site tag (gtag.js) - Google AdWords: XXXXXXXXX-->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-XXXXXXXXX');
</script>

両者のタグを比べてみると1行目から6行目がほぼ同じであることがわかると思います。この1行目から6行目は共有できる部分となります。なので、もしGoogleアナリティクスとAdwordsのタグを両方使う場合は以下のようになります。

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID');
  gtag('config', 'AW-XXXXXXXXX');
</script>

このように最初にコピーしてきたGoogleアナリティクスのコードに、黄色で示したAdwordsのコードを加えた形になっています。1行目から6行目は若干異なっていますが、どちらを使っても大丈夫ということになっているので、先に管理画面からコピーしてきたほうを残し(上記例だとアナリティクス)、後からコピーしてきたほうの追加部分だけ追加で張り付ければ大丈夫です。

イベントスニペットでコンバージョンタグを設定する。

上記タグはグローバルサイトタグのみなので、Googleアナリティクスは基本的なページビューの送信、Adwordsはリマーケティングリストの取得までを行います。なので例えばAdwordsのコンバージョントラッキングをするには追加の記述が必要です。具体的には上記基本タグ(グローバルサイトタグ)に加えて、コンバージョン発生ページに以下のようなイベントスニペットを追加する必要があります。

<!-- Event snippet for 購入 conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-XXXXXXXXX/〇〇〇〇〇〇〇'});
</script>

Facebook広告を運用していてFacebook広告のピクセルを設定している方ならピンとくると思いますが、同じような記述方法であることがわかりますね。

GoogleアナリティクスとAdwordsのリマーケティングとコンバージョンまで見ましたがさらに追加の設定が必要とされる時もあります。よく使う代表的なものを取り上げてみます。

<a href="sample.pdf" onclick="gtag('event', 'イベントアクション', {
  'event_category': 'イベントカテゴリ',
  'event_label': 'イベントラベル'
});">サンプルダウンロード<a>

gtag('config', 'GA_TRACKING_ID', {
  'linker': {
    'domains': ['example-A.com','example-B.com']
  }
});
gtag('config', 'GA_TRACKING_ID', {
  'linker': {
    'accept_incoming': true
  }
});