従来のGoogleアナリティクス
グローバル サイトタグ(gtag.js)を使用して、アプリ + ウェブ プロパティの Google アナリティクス タグをサイトに追加する
<!-- 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>
この手法では複数のGoogle アナリティクス プロパティを追加することが可能
<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>
新規で現行ユニバーサルアナリティクスを設定しGA4も導入する場合は、プロパティ作成時に「ユニバーサルアナリティクスプロパティの作成」のトグルを右にして青くすると、さらに設定画面が表示されここで「ウェブサイトのURL」を入力し、「Googleアナリティクス4とユニバーサルアナリティクスのプロパティを両方作成する」にチェックを入れる。
設定を進め、「タグ設定手順」下にある「グローバルサイトタグ(gtag.js)」をクリックすると、GA4用トラッキングコードが出てくるのでコピー。
次にUA用のプロパティをクリック、「トラッキング情報」-「トラッキングコード」を選択してトラッキングコードを表示させ、「 gtag(‘config’, ‘UA-XXXXXXX-Y’);」の部分のみをコピーしてGA4用のコードに貼り付ける。
<!– Global site tag (gtag.js) – Google Analytics –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());gtag(‘config’, ‘G-XXXXXXXXXX’’);
gtag(‘config’, ‘UA-XXXXXXXX-Y’);
</script>