Googleタグマネージャー(GTM)の設定方法
コングラントではGoogleタグマネージャーを使って、Googleアナリティクスでアクセス解析をしたり、広告の効果測定を行うことができます。
このページでは、Googleタグマネージャー(以下、GTM)の設定方法を解説します。
なお、コングラントではGTMを使用せずにGoogleアナリティクス(GA)タグを設定することも可能です。
GTMの設定方法
1. Googleタグマネージャーのアカウントを作成
2. コンテナを作成
次に、Googleタグマネージャーで新しいコンテナを作成します。
- Googleタグマネージャーの管理画面にアクセスし、「アカウント」を選択します。
- 「新しいコンテナ」ボタンをクリックし、コンテナ名を入力します。
- コングラントのURL()を入力し、「ウェブ」を選択します。
3. Googleアナリティクス(GA4)タグを追加
次に、GA4のタグをGTMに追加します。
- コンテナの管理画面にアクセスし、「タグ」タブをクリックします。
- 「新規」ボタンをクリックし、タグの設定画面に進みます。
- タグの種類として「Googleタグ」を選択し、測定IDを入力します。測定IDは、Googleアナリティクスの管理画面で取得できます。
- トリガーとして「All Pages」を選択し、「保存」ボタンをクリックします。
4. イベントトラッキングの設定
コングラントの各画面でイベントトラッキングを設定することで、より詳細なアクセス解析が可能になります。以下の手順でGTMを使ってイベントトラッキングを設定しましょう。
例として、「クレジット決済完了」のイベントを作成します。
- コンテナの管理画面にアクセスし、「タグ」タブをクリックします。
- 「新規」ボタンをクリックし、タグの種類は「GA4イベント」を選択します。
- 測定IDには3.3で取得したGoogle アナリティクスの測定IDを入力し、イベント名を設定します(例:CreditCompleted)。
- トリガーの新規(右上の+ボタン)をクリックし、新しいトリガーを追加します。
- トリガーの設定で、トリガータイプは「ページビュー」を選択してください。
- トリガーの発生場所は「一部のページビュー」を選択してください。
- トリガーの条件をPage URL・含む・thanks_creditで設定して保存してください。
以上でイベントの設定は完了です。
同様に「銀行振込の完了」や「決済フォーム到達」など、必要に応じてイベントを設定してください。
5. Googleタグマネージャーのコードをコングラントに追加
Googleタグマネージャーの設定が完了したら、「GTMコンテナID」をコングラントに追加して、アクセス解析が行われるようにします。
- Googleタグマネージャーの管理画面にアクセスし、「コンテナ」を選択します。
- 右上にある「コンテナID」をコピーします。
- コングラントの管理画面の基本設定>アクセス解析でコンテナIDを登録します。
以上でGTMの設定は完了です。
設定したGTMタグが反映されるページ
基本設定>アクセス解析で設定したGTMタグは以下のページに反映されます。
イベントやコンバージョン設定の参考にしてください。
ページ | URL(例)※1 |
---|---|
プロジェクト(トップ) | https://congrant.com/project/npocg/123 |
活動報告(一覧)※3 | https://congrant.com/project/npocg/123/reports |
活動報告(詳細)※3 | https://congrant.com/project/npocg/123/reports/456 |
応援コメント(一覧)※3 | https://congrant.com/project/npocg/123/comments |
決済フォーム①(申込内容) | https://congrant.com/project/npocg/123/form/step1 |
決済フォーム②(申込者情報)※3 | https://congrant.com/project/npocg/123/form/step2 |
決済フォーム③(決済情報) ※2※3 | https://congrant.com/project/npocg/123/form/step3 |
完了画面(カード決済) | https://congrant.com/project/npocg/123/thanks_credit |
完了画面(銀行振込) | https://congrant.com/project/npocg/123/thanks_bank |
※1 赤字部分は団体・プロジェクトによって異なります
※2 テレコム決済の場合、決済情報の入力画面はテレコムクレジット社の画面になるため、タグは設置されません。GA・GTMでコンバージョンの計測を行う際には、参照元除外設定が必要になります。
※3 これらのページのページビューを計測するためにはGA4で「ブラウザの履歴イベントに基づくページの変更」をオンにする必要があります。
GA4の管理>プロパティ>データストリーム>拡張計測機能>ページビュー数で設定可能です。
Googleアナリティクス・タグマネージャーの設定前のデータは収集出来かねますので予めご了承下さい。
使い方