アナリティクス(GA4)計測について
![店舗設定](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/tenposettei.webp)
totoco-net管理ページを開き、店舗の予約サイトURLを確認します。
![予約サイトURL](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/url.webp)
店舗の予約サイトURL:[https://totoco-net.com/reserve/app/{アカウントコード}/reserve/{店舗コード}
アナリティクス | ホームをウェブブラウザーで開きます。
https://analytics.google.com/analytics/web/
![Googleアナリティクス](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image006.webp)
アナリティクスのアカウントは、事前に作成してください。
WEB予約ページに埋め込むアナリティクスのGoogleタグを作成します。アナリティクスのアカウントの「管理」ページを開きます。
![アナリティクス:タグ](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image009.webp)
「プロパティを作成」をクリックします。
![アナリティクス:プロパティを作成する](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image011.webp)
プロパティ名:(任意の名前)などを入力し、「次へ」をクリックします。
![アナリティクス:ビジネス目標](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image017.webp)
ビジネスの目標を選択:「ユーザーの行動の調査」をチェックして、「作成」をクリックします。
![アナリティクス:データ収集](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image020.webp)
データ収集を開始する:ウェブを選択します。
![アナリティクス:データストリーム](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image022.webp)
データストリームの設定で、ウェブサイトのURLとストリーム名を入力します。
ウェブサイトのURL
店舗の予約サイトURL: | https://totoco-net.com/reserve/app/{アカウントコード}/reserve/{店舗コード} |
ストリーム名
(任意のストリーム名) |
「ストリームを作成」をクリックして、ストリームを作成します。
![Googleタグを設置する](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/07/GA4_image025.webp)
ストリームが作成されると、実装手順の「Googleタグを設置する」ページが表示されます。このページの「手動でインストールする」にあるGoogleタグをコピーします。
totoco-net管理ページでアナリティクスのストリームを作成した店舗の設定ページを開きます。
![店舗設定:Googleタグ](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/goggletag.webp)
アナリティクスのGoogleタグを埋め込む場合は、<head>内タグ:に、先ほどコピーしたGoogleタグを貼り付けます。
「更新」ボタンをクリックします。
Googleタグを埋め込んだ店舗の予約サイトをPCやスマートフォンでアクセスします。
アナリティクスがデータを受信できているかどうか、アナリティクスで確認します。
![アナリティクス:計測状況](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image031.webp)
アナリティクスの左側メニュー「レポート」から、「リアルタイム」をクリックし、データが受信でできているかどうか確信してください。
データが受信できていれば、Googleタグの埋め込みが正常に動作しています。
アナリティクスでコンバージョン(予約完了)を計測する
![アナリティクス:イベント](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image035.webp)
アナリティクスのプロパティの管理ページで、「イベント」を選択し、「イベントを作成」をクリックします。
![アナリティクス:イベント作成](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image039.webp)
店舗の予約サイトURL:[https://totoco-net.com/reserve/app/{アカウントコード}/reserve/{店舗コード}]
カスタムイベント名
例)cv_予約完了 |
一致する条件
パラメータ | 演算子 | 値 |
---|---|---|
event_name | 次と等しい | page_view |
page_location | 次を含む | /complete |
カスタムイベントに上記内容を入力して、右上の「作成」をクリックします。
![アナリティクス:イベント(反映前)](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image041.webp)
イベント作成後、すぐには、イベントレポートに反映されません。(24時間以内に最初のイベントが表示されます。)
![アナリティクス:イベント(反映後)](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image044.webp)
イベントレポートが表示されたら、作成したカスタムイベントに対して、「コンバージョンとしてマークを付ける」を有効にします。
![アナリティクス:コンバージョン](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image047.webp)
アナリティクスの左側メニューから「レポート」-「エンゲージメント」-「コンバージョン」を選択します。
カスタムイベントで作成したコンバージョンイベント(cv_予約完了)がカウントされていることを確認できます。
イベントレポートが発生した顧客の参照元/メディアを確認する場合は、アナリティクスで以下の操作をします。
予約完了した顧客が、どのメディアから、予約サイトに流入してきたかを確認できます。
![アナリティクス:イベントレポートが発生した顧客の参照元/メディアを確認する](https://totoco-net.com/wp.totoco-net.com/wp-content/uploads/2023/06/GA4_image051.webp)
アナリティクスの左側メニューから「レポート」-「集客」-「トラフィック獲得」を選択します。
ページ下部の、リストヘッダの1列目項目を「セッションの参照元 / メディア」に変更します。イベント数列項目をコンバージョンイベント「cv_予約完了」に変更します。
参照元/メディアごとのコンバージョンイベント数が、リストに表示されます。