Google tag Managerで計測する場合

<aside> 💡 ページ共通scriptとページ共通noscriptにGTMのscriptとnoscriptを保存します

</aside>

▼共通のscriptの例

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'<https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)>;
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

▼ページ共通noscript

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="<https://www.googletagmanager.com/ns.html?id=GTM-XXXXX>"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

• 上記を保存してもらい、GTMでGA4を設定すれば基本的なアクセスやイベント(エンゲージメント)は保存されます

<aside> 💡 既にアクセス、検索、予約フォームへの遷移、予約完了のイベントは埋め込まれているため、Google Tag Managerでトリガーとタグを設定します

</aside>

• アクセス(プランや部屋のアクセス)
  • トリガーでイベント名: view_itemを設定
  • GA4の場合: タグでGA4イベントを作成し、トリガーに紐づける
  • 変数を設定すると取り込める

• 予約完了
  • トリガーでイベント名: purchaseを設定
  • GA4の場合: タグでGA4イベントを作成し、トリガーに紐づける
  • 変数を設定すると取り込める

https://developers.google.com/analytics/devguides/collection/ga4/reference/events?sjid=17219711646659248439-AP&hl=ja&client_type=gtag#purchase

• アイテムID(item_id)を${roomId}-${planId}とし、オプションはoptions-${optionID}とする