Google Analyticsの解析タグでSPIRALを導入したサイトやページを正しく計測したい
目次
概要
サイト機能で生成したページに対して、Google Analyricsによる解析をする場合は、以下の方法で実現できます。
①（一括指定）1つの設定で全ページの解析をする場合
<head></head>内に記載する内容を一括指定することができます。
[サイト管理 ＞ サイト一覧 ＞ Google Analyricsを設定するサイト名] 内に作成されたページに同じGoogle Analyricsタグを挿入する場合に、
[設定 > テスト環境 ＞ 共有ソース]でGA4タグを一括指定します。
（共通ソース）
共通ソースのタブ [head] 内にGoogle Analyricsのタグを挿入します。
②（個別指定）特定のページを解析したい場合
[サイト管理 ＞ サイト一覧 ＞ GA4を設定するサイト名] 内に作成されたページごとにGA4タグを挿入する場合やパラメータ等を埋め込みたい場合などに、
[設定 > テスト環境 ＞ ページ ＞ 該当する識別名（パス）]内にあるタブ「head」もしくは「JavaScript」にGA4タグを個別に記載します。
（ページ）
ページのタブ [head] 内にGoogle Analyricsのタグを挿入します。
※ <body></body>内にタグを設置したい場合は、フォームブロックのhtmlにサイトタグを挿入してください。入力、確認、完了、エラー各画面に設置が必要です。
※ <head></head>に記載したい場合は、ページの「head」タブにanalytics.jsまたはgtag.jsのURLを挿入します。
注意事項
※ GA4タグは、Google公式で<head>内のなるべく上部に設置することを推奨しているため、
ページの「JavaScript」タブではなく、「head」タブのなるべく上部に記載することをお勧めします。
※ GTMの設定で<body></body>内にタグを設置したい場合は、フォームブロックのhtmlにサイトタグを挿入してください。
入力、確認、完了、エラー各画面に設置が必要です。
※ <head></head>に記載したい場合は、ページの「head」タブにanalytics.jsまたはgtag.jsのURLを挿入します。
※ 本コンテンツはGA4及びGTMの導入は完了している前提の紹介となりますのでご承知ください。
【参考URL】
1．GA4の設定方法（GTMを利用しないで設定する場合）
SPIRAL ver.2で作成したフォームにGA4のタグ設置例を紹介します。
GTMを利用する場合は「2.GA4の設定（GTMを利用する場合）」をご覧ください。
※ 2022年7月現在の情報を元に作成しております。Google アナリティクス 及び Google タグ マネージャーは弊社のサポート対象外となります。最新の仕様についてはGoogle社サポートサイトを参照ください。
（1）アクセス解析タグを挿入する
[サイト管理 ＞ サイト一覧 ＞ GA4を設定するサイト名] 内のサイドメニューから、
[設定 > テスト環境 ＞ ページ ＞ 該当する識別名（パス）]内にあるタブ「head」もしくは「JavaScript」にGA4タグを記載します。
※ SPIRAL ver.2 では登録フォーム/更新フォームブロックに限り、ブロックやブロックのステップ情報を識別するパラメータを自動付与します。
詳細は「各ステップのパラメータ付与」をご覧ください。
※ GA4 管理 ＞ データストリーム ＞ データストリームの詳細 から計測タグ（トラッキングコード）の確認ができます。
参考URL：トラッキングIDを確認する（外部サイト）
（2）ページビューの2重カウント防止する設定
既存のURLでページビューがカウントされた後に、変更したURLでもページビューが加算されることを防ぐための設定をします。
管理 ＞ データストリーム ＞ 該当の「データストリーム」を選択
ウェブストリーム詳細で、「拡張計測機能」がオンになっていることを確認する。
歯車マークをクリック
ページビュー数の「詳細設定を表示」をクリックする。
「ブラウザの履歴イベントに基づくページの変更」のチェックを外す。
「保存」ボタンをクリックする。
（3）動作確認
実際にフォームにテスト登録し、GA4で動作確認をします。
2．GA4の設定方法（GTMを利用して設定する場合）
SPIRAL ver.2で作成したフォームのGA4のタグ設置方法を紹介します。
GTMを利用しない場合は「1.【GA4】GA4の設定方法（GTMを利用しない場合）」をご覧ください。
※ Google タグ マネージャーの設定方法は、Google社が運営するタグ マネージャー ヘルプ「タグ マネージャーの設定とインストール」を参照ください。
※ 2022年7月現在の情報を元に作成しております。Google アナリティクス 及び Google タグ マネージャーは弊社のサポート対象外となります。
最新の仕様についてはGoogle社サポートサイトを参照ください。
（1）アクセス解析タグを挿入する
GTMは<head></head>内と<body></body>タグ内の2か所にアクセス解析コードを挿入します。
①<head></head>内のタグ設置方法
[サイト管理 ＞ サイト一覧 ＞ GA4を設定するサイト名] 内のサイドメニューから、
[設定 > テスト環境 ＞ ページ ＞ 該当する識別名（パス）]内にあるタブ「head」もしくは「JavaScript」にGA4タグを記載します。
※ SPIRAL ver.2 では登録フォーム/更新フォームブロックに限り、ブロックやブロックのステップ情報を識別するパラメータを自動付与します。
詳細は「各ステップのパラメータ付与」をご覧ください。
※ GA4 管理 ＞ データストリーム ＞ データストリームの詳細 から計測タグ（トラッキングコード）の確認ができます。
参考URL：トラッキングIDを確認する（外部サイト）
②<body></body>内のタグ設置方法
[サイト管理 ＞ サイト一覧 ＞ GA4を設定するサイト名] 内のサイドメニューから、[設定 > テスト環境 ＞ ページ ＞ 該当する識別名（パス）]内にあるタブ「ブロック設定」をクリックし、該当のブロックをクリックします。
タブ [登録フォーム] の上部にGTMのアクセス解析コードを挿入します。
またステップページを作成している場合は、Step1,Step2 とそれぞれ同様にアクセス解析コードを挿入します。
同様に、完了・締切・エラーのページもアクセス解析コードを挿入します。
（2）ページビューの2重カウント防止する設定
（2）ページビューの2重カウント防止する設定をご覧ください。
（3）動作確認
GTMのプレビューモードを利用して動作確認をします。
プレビューモードの利用方法は、Google タグマネージャーヘルプ「コンテナのプレビューとデバック」をご確認ください。