page icon

Googleタグマネージャー(GTM)の設定方法

コングラントではGoogleタグマネージャーを使って、Googleアナリティクスでアクセス解析をしたり、広告の効果測定を行うことができます。
このページでは、Googleタグマネージャー(以下、GTM)の設定方法を解説します。
 
なお、コングラントではGTMを使用せずにGoogleアナリティクス(GA)タグを設定することも可能です。
 

GTMの設定方法


 

1. Googleタグマネージャーのアカウントを作成

まずは、Googleタグマネージャーのアカウントを作成しましょう。アカウントがない場合は、Googleタグマネージャーのウェブサイトから作成してください。
 

2. コンテナを作成

次に、Googleタグマネージャーで新しいコンテナを作成します。
 
  1. Googleタグマネージャーの管理画面にアクセスし、「アカウント」を選択します。
  1. 「新しいコンテナ」ボタンをクリックし、コンテナ名を入力します。
  1. コングラントのURL()を入力し、「ウェブ」を選択します。
 

3. Googleアナリティクス(GA4)タグを追加

次に、GA4のタグをGTMに追加します。
 
  1. コンテナの管理画面にアクセスし、「タグ」タブをクリックします。
  1. 「新規」ボタンをクリックし、タグの設定画面に進みます。
  1. タグの種類として「Googleタグ」を選択し、測定IDを入力します。測定IDは、Googleアナリティクスの管理画面で取得できます。
  1. トリガーとして「All Pages」を選択し、「保存」ボタンをクリックします。
 

4. イベントトラッキングの設定

コングラントの各画面でイベントトラッキングを設定することで、より詳細なアクセス解析が可能になります。以下の手順でGTMを使ってイベントトラッキングを設定しましょう。
 
例として、「クレジット決済完了」のイベントを作成します。
  1. コンテナの管理画面にアクセスし、「タグ」タブをクリックします。
  1. 「新規」ボタンをクリックし、タグの種類は「GA4イベント」を選択します。
  1. 測定IDには3.3で取得したGoogle アナリティクスの測定IDを入力し、イベント名を設定します(例:CreditCompleted)。
  1. トリガーの新規(右上の+ボタン)をクリックし、新しいトリガーを追加します。
  1. トリガーの設定で、トリガータイプは「ページビュー」を選択してください。
  1. トリガーの発生場所は「一部のページビュー」を選択してください。
  1. トリガーの条件をPage URL・含む・thanks_creditで設定して保存してください。
 
以上でイベントの設定は完了です。
同様に「銀行振込の完了」や「決済フォーム到達」など、必要に応じてイベントを設定してください。
 

5. Googleタグマネージャーのコードをコングラントに追加

Googleタグマネージャーの設定が完了したら、「GTMコンテナID」をコングラントに追加して、アクセス解析が行われるようにします。
 
  1. Googleタグマネージャーの管理画面にアクセスし、「コンテナ」を選択します。
  1. 右上にある「コンテナID」をコピーします。
  1. コングラントの管理画面の基本設定>アクセス解析でコンテナIDを登録します。
 
以上でGTMの設定は完了です。

設定したGTMタグが反映されるページ


基本設定>アクセス解析で設定したGTMタグは以下のページに反映されます。
イベントやコンバージョン設定の参考にしてください。
ページURL(例)※1
プロジェクト(トップ)https://congrant.com/project/npocg/123
活動報告(一覧)※3https://congrant.com/project/npocg/123/reports
活動報告(詳細)※3https://congrant.com/project/npocg/123/reports/456
応援コメント(一覧)※3https://congrant.com/project/npocg/123/comments
決済フォーム①(申込内容)https://congrant.com/project/npocg/123/form/step1
決済フォーム②(申込者情報)※3https://congrant.com/project/npocg/123/form/step2
決済フォーム③(決済情報) ※2※3https://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アナリティクス・タグマネージャーの設定前のデータは収集出来かねますので予めご了承下さい。
 
使い方