この記事では、gtag.js を使ってアプリ + ウェブ プロパティのウェブページを設定する方法について説明します。アプリ + ウェブ プロパティの詳細
グローバル サイトタグ(gtag.js)とは、Google の測定サービスにイベントデータを送信する、JavaScript のタグ設定フレームワークおよび API です。Google アナリティクスが提供するデフォルトのタグは gtag.js をベースとしており、Google アナリティクスから直接取得できます。Google アナリティクスは、タグ マネージャーを使用して導入することもできます。この記事では、新たにアナリティクス タグを導入する方法、また追加のアナリティクス プロパティを既存の gtag.js に統合する方法について説明します。
新しいタグを設定する
既存のグローバル サイトタグが存在しない場合に Google アナリティクスを導入するには、次のプロトタイプを使用します。MEASUREMENT_ID
は、データの送信先にする Google アナリティクス プロパティの ID に置き換えます。このコードは、<head>
開始タグの直後に追加します。各ページに必要なグローバル スニペットは 1 つだけです。
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
</script>
このコードは、gtag.js ライブラリを読み込み、デフォルトの Google アナリティクス測定 ID を設定して、自動的に page_view
イベントを Google アナリティクスに送信します。
既存のタグに Google アナリティクス プロパティを追加する
Google アナリティクス プロパティをもうひとつ設定する場合は、次のように config コマンドを追加します。上記の例を基にして、新しい config エントリを追加し、MEASUREMENT_ID_2
を 2 番目の Google アナリティクス アカウントの ID に置き換えます。
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
gtag('config', 'MEASUREMENT_ID_2');
</script>
Google アナリティクスを Google 広告、Floodlight などの他のサービス用に設置されたグローバル サイトタグに追加することもできます。詳細
関連資料
- Google アナリティクス ヘルプセンター: アプリ + ウェブ プロパティを使ってみる
- Google アナリティクス ヘルプセンター: アナリティクス タグを設定する
- gtag.js デベロッパー ガイド
- Google タグ マネージャー ヘルプセンター: Google アナリティクスのアプリ + ウェブ プロパティ