| ① ファイルに貼る（推奨） | tag-config.js の head / bodyEnd にタグを貼る。全ブラウザ・全員に反映。サーバーにデプロイして検証する場合はこちら。 |
|---|---|
| ② このページで貼る | 下のフォームに貼って保存。このブラウザだけに反映（localStorage）。タグの差し替えや A/B の切り替えをすぐ試したいとき用。 |
①と②は併用でき、①→②の順に出力されます。タグは HTML に直書きしたのと同じタイミング（パース中・同期）で実行されます。
GTM 経由で Web接客ツールを配信する場合のみ。GTM-XXXXXXX 形式で入力すると、head と body 直後に GTM スニペットを自動設置します。
ツールの管理画面で発行されたタグを <script> ごとそのまま貼り付けてください。
「body終了タグの直前に設置」と指定されているタグはこちら。
ツール側のセグメント（属性別出し分け）検証用。全ページで window.dummySite.testUser と dataLayer の dummy_page_info イベントに入ります。
ツールのトリガー条件に使えます。window.dataLayer への push と、document 上の dummysite:イベント名 の CustomEvent を同時に発火します。
| dummy_page_info | 全ページ読込時（tag-loader）。page_type: top / service / contact_form / contact_thanks / download_form / download_thanks / event_list / column_list |
|---|---|
| cta_click | お問い合わせ・資料DLボタンのクリック。cta_type（contact / download）, cta_position（header / hero / middle / footer / float …） |
| form_start | フォームの初回入力時。form_type |
| form_error | 送信時のバリデーションエラー |
| form_submit | 送信ボタン押下（入力OK時）。送信後にサンクスページへ遷移 |
| conversion | サンクスページ表示時。cv_type（contact / download） |
| faq_open / case_open | FAQ・事例のアコーディオンを開いたとき |
主要要素には ID を付けています：#hero-cta-contact #hero-cta-download #mid-cta #case #faq #contact-form #download-form #footer-cta #float-cta など。