Googleアナリティクス(GA4)の設定方法
コングラントではGoogleアナリティクスを使って、プロジェクトページのアクセス解析を行うことができます。このページでは、Googleアナリティクス(以下GA)の設定方法を解説します。
GAを効果的に活用して、寄付募集の成果を最大化させましょう。
※新コングラントでは2023年7月に廃止される旧GA(UA)には対応しておりません。GA4での設定をお願い致します。
GAでわかること(例)
- 各ページのPV(ページビュー数)数
- どの画面でユーザーが離脱しているのか
- SNSやホームページなど、どの経路からのアクセスが多いのか
- コンバージョン率(寄付成功率)はどの程度か
また、コングラントではGoogleタグマネージャーを使用することも可能です。
GAの設定方法
この記事ではGoogleアナリティクス設定方法を紹介します。
1. GA4プロパティの作成
まずはGA4のアカウント・プロパティを作成します。
- Googleアナリティクスにログインし、左下の「管理」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/d36bc05e-16d8-4f2b-814d-2e850d4be949/aa33fb97fce7566d5978c31326520c8f.png)
- アカウントとプロパティの項目で、新しいプロパティを作成します。(団体のアカウントがない場合は先にアカウントを作成してください)
- 「プロパティ名」に任意の名称を入力し、「通貨」を選択して、「プロパティを作成」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/5656c629-34ad-4ce4-9ba1-a221e417775f/9242fb22931d0fee023593c68c8c9db8.png)
2. データストリームの作成
次にデータストリームと呼ばれる機能の設定を行います。
- 新しいプロパティで「データストリーム」を作成します。まずは「Web」を選択してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/8b955fa8-03a3-4c5f-84f7-4f67441253f1/428b8d25f92e58fcee2461d1b7ccde7c.png)
- コングラントのドメイン()を入力し、「ストリームを作成」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/013c2c48-7133-4b86-8b3c-1317361a8aae/cf7a1c32af359de450e6031a84dc8502.png)
✅ テレコム決済をご利用の場合
テレコム決済をご利用の団体は、このまま以下の設定を行ってください。
- 作成したストリームの詳細画面下部にある、「タグ設定を行う」をクリックします。
- 「設定」の右側にあるすべて表示をクリックすると全メニューが表示されるので、「除外する参照のリスト」をクリックします。
- マッチタイプを「参照ドメインが次を含む」に設定し、ドメインにテレコム決済画面のドメイン()を登録して保存してください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/f983c050-2e64-4a55-bed1-797a8de025b6/ae886bdbd3a95a5b3419f10db7e642f2.png)
3. 測定IDの取得
データストリームの測定IDをコングラントに設定します。
- データストリームの詳細画面から測定IDをコピーします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/ee6a5ec3-e809-405a-a158-99037a45c33c/d3195d74b92809e8fe3af05c5cd4b8c9.png)
- コングラントの基本設定>アクセス解析で、測定IDを設定してください。 アクセス解析
これで、団体の全てのプロジェクトページや決済フォームにGAのタグが設置されました。
4. イベントの作成
イベントとは、WEBサイト上でユーザーが行うさまざまなアクションを測定、分析するための機能です。
コングラントでは寄付の申し込みが完了すると、ユーザーは「完了画面」に遷移します。ここでは、カード決済と銀行振込それぞれの完了画面にアクセスしたアクションを、イベントとして設定します。
- GA4管理画面で「イベント」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/8e6df6d0-8055-4c06-b184-d131ed63e22e/8bd961a172336b00c55df0d2fe51fd2c.png)
- 右上の「イベントを作成」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/7c67bba6-2ff8-4647-b104-6c5075941878/6b23969927445e08b3111427d4d6e09d.png)
- まずは「クレジット決済完了」のイベントを作成します。イベント名は「CreditCompleted」などのように設定し、条件は次のように設定します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/e5deb06c-5f87-411f-ae06-8cd6ead3bb8a/0a1546b8d17ed1038d460e2b4fbb087c.png)
パラメータ | 演算子 | 値 |
---|---|---|
event_name | 次と等しい | page_view |
page_location | 次を含む | thanks_credit |
- 次に「銀行振込申し込み完了」のイベントを作成します。イベント名は「BankCompleted」などのように設定し、条件は次のように設定します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/1abd5fa7-d8e0-4438-a296-0302274f55f3/cc2cc96121a36393c4fba28cb43f2b63.png)
パラメータ | 演算子 | 値 |
---|---|---|
event_name | 次と等しい | page_view |
page_location | 次を含む | thanks_bank |
以上でイベントの設定は完了です。
ここでは簡単な設定を紹介しましたが、もう少し細かい設定を行うこともできます。例えば、プロジェクトが複数ある場合、完了画面のURLはプロジェクトごとに異なるため、プロジェクトごとの決済完了数を計測することも可能です。その場合はイベント条件を次のように指定してください。
パラメータ | 演算子 | 値 |
---|---|---|
event_name | 次と等しい | page_view |
page_location | 次を含む | XXXX/XXX/thanks_credit |
※XXXの部分はプロジェクトごとに異なるので、プロジェクトの数だけイベントを用意してください。
作成したイベントは、実際にイベントが発生する(寄付が行われる)までイベント一覧には表示されません。また、イベントが表示されるまでには数時間から24時間ほどかかる可能性があります。
5. コンバージョンの設定
最後にコンバージョンを設定します。コンバージョンは、先ほど設定したイベントを「目標」として設定し、目標の達成度合いなどを計測しやすくするための機能です。
- GA4管理画面で「コンバージョン」をクリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/fdd11458-9c62-4b97-872b-1c7da9bad756/dbe5bc7ced04b291c1cccac81e82657a.png)
- 右側の「新しいコンバージョンイベント」をクリックし、先ほど設定したイベント名を登録します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/congrant/9bd8b119-7d93-4306-8622-fd0ca0affbbb/94c8652ecb3f274549c48c90fcf51f80.png)
以上でGoogleアナリティクスの設定は完了です。GAの管理画面にデータが表示されるまでにはタイムラグがある可能性がありますのでご注意ください。
設定したGAタグが反映されるページ
基本設定>アクセス解析で設定したGAタグは以下のページに反映されます。
イベントやコンバージョン設定の参考にしてください。
ページ | 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アナリティクス・タグマネージャーの設定前のデータは収集出来かねますので予めご了承下さい。
「その他」の使い方
「その他」のよくある質問