上級編
Googleアナリティクスの設定をしようGoogleタグマネージャーを使ってGoogleアナリティクスを設定する
Googleタグマネージャーを使用してGoogleアナリティクス(GA4)の設定を行う方法を説明します。
※とりあえずHPの管理画面にGoogleアナリティクスの設定箇所がありますが、Googleタグマネージャーを使ってGoogleアナリティクスの設定を行う場合は、両方で設定すると二重計測になりますので、とりあえずHPの管理画面上のGoogleアナリティクスの欄は空欄にしてください。
※ここでは「Google アナリティクス 4」の場合の設定方法をご案内しています。まだ旧バージョンである「ユニバーサルアナリティクス」を利用している場合は、先に、以下の記事を参考に「Google アナリティクス 4」へ切り替え設定を行ってください。
GoogleアナリティクスのUA(ユニバーサルアナリティクス)からGA4に移行する方法
Googleタグマネージャーを設置します
Googleタグマネージャーの設置方法はこちらでご確認ください。
Googleタグマネージャーを設置する
Googleアナリティクスにアクセスします
Googleアナリティクスでプロパティを作成し、測定IDをコピーします
まだGoogleアナリティクの設定を行なっていない方は、先に設定を行います。
下記ページの「手順4)「測定ID(G-XXXXXXXXX)」をコピー(コピーマークをクリック)」まで行い、このページの「手順4)Googleタグマネージャーで「タグ」を設定します」から続きの設定を行ってください。
Googleアナリティクスの設定をする
すでにGoogleアナリティクスの登録が済んでいる場合は、測定IDのコピーから行ってください。
以下に測定IDのコピーの手順を説明します。
Googleアナリティクスの画面の左下、歯車マークの「管理」をクリックします。
![左下の歯車マークをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_001.jpg)
「データ ストリーム」をクリックします。
![データストリームをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_002.jpg)
該当するウェブストリームをクリックします。
![該当するウェブストリームをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_003.jpg)
右上の測定ID(G-からはじまる10桁の英数字)をコピーします。
![測定IDをコピー](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_004.jpg)
Googleタグマネージャーで「タグ」を設定します
Googleタグマネージャーにアクセスします。
Googleタグマネージャー
今回Googleアナリティクスの設定を行うアカウントのコンテナ名をクリックし、ワークスペースを開きます。
![コンテナ名をクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_005.jpg)
左側の「タグ」をクリックし、右上の「新規」をクリックします。
![タグをクリックし、新規をクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_006.jpg)
左上の「名前のないタグ」の箇所を、Googleアナリティクスのタグだということがわかるような任意の名前に変更し、「タグの設定」をクリックします。
![タグの名前を設定し、タグの設定をクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_007.jpg)
「タグタイプ」が出てくるので、「Google タグ」を選択します。
![](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2024/03/106139301db20741e2673f9c71abc007-1.png)
測定IDに手順3でコピーした測定IDを貼り付けます。
![測定IDを貼り付け](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_009.jpg)
Googleタグマネージャーで「トリガー」を設定します
「トリガー」をクリックします。
![トリガーをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_010.jpg)
トリガーの選択で「初期化」を選択します。
「初期化」トリガーを使うと、ページが読み込まれた際に「ページビュー」トリガーよりも先にタグを配信することができるため、イベント計測が欠損する事象を防ぐために「初期化トリガー」を選択することがGoogleでも推奨されています。
参考:[GA4] Google タグ マネージャーで Google アナリティクス 4 タグを設定する(外部サイト)
![初期化タイプを選択](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_011.jpg)
タグとトリガーが設定できたら、「保存」をクリックします。
![保存をクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_012.jpg)
プレビューで正しく設定できているか確認します
右上の「プレビュー」をクリックし、タグが正しく動作しているか確認します。
![プレビューをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_013.jpg)
この画面が出てきてたら、確認したいページのURLを入力し「Connect」をクリックします。
すると、別のウィンドウで先ほど入力したURLのページが開かれますので、そのページは消さず、タグマネージャーの設定画面へ戻ります。
![URLを入力](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_014.jpg)
この画面で「Continue」をクリックします。
![continueをクリック](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_015.jpg)
「Tags Fired」の箇所に先ほど作成したタグが入っていれば、正しく設定ができています。
![「Tags Fired」にタグが入っているか確認する](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_016.jpg)
タグを公開します
プレビューで正しくタグが設定できていることを確認できたら、次は右上の「公開」ボタンをクリックし、設定したタグを公開します。
![タグを公開する](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_017.jpg)
公開するバージョンの名前と説明が任意で設定できますので、Googleアナリティクスの設定を行ったバージョンであることがわかるような名前と説明文を入力しておくと管理がしやすいです。
右上の「公開」をクリックします。
![バージョンの名前と説明を設定する](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_018.jpg)
アナリティクスで計測を確認します
最後にGoogleアナリティクスが正常に動作しているか、Googleアナリティクス側で確認を行います。
Googleアナリティクスにログインし、プロパティから「レポート」を開き、「リアルタイム」をクリックするとリアルタイムの概要が表示されます。自分がアクセスしていることが確認できれば、設定は完了です。
![Googleアナリティクスでレポートが取れているか確認](https://pr.toriaez.jp/navi/manage/wp-content/uploads/2023/05/pic-howto_3928_019.jpg)