Google Tag Managerを使ってタグを設置する

Google Tag Managerを使ってimmedioタグを設置する方法を紹介します。

Google Tag Managerとは

Google Tag Manager（GTM）とは、Googleが提供するタグ管理システムです。ウェブサイトの構築にご利用のCMSがScriptタグの挿入に対応していない場合、GTMを使ってimmedioのタグを挿入することができます。

Google Tag Managerでできること

機能	説明
タグの管理	複数のタグを一元管理できます
トリガー設定	特定のページや条件でタグを発火させることができます
バージョン管理	タグの変更履歴を管理できます
プレビュー機能	公開前にタグの動作を確認できます

Google Tag Managerの設定手順

1. GTM側の準備

1. GTMのアカウントを作成したら、ホーム画面で「アカウントを作成」をクリックします。

GTMアカウント作成画面

1. アカウント名とコンテナ名を設定し、国を「日本」に、ターゲットプラットフォームを「ウェブ」に設定します。

GTMコンテナ設定画面

1. アカウントを作成したら左側メニューより「タグ」をクリックし、遷移先で「新規」をクリックします。

GTMタグメニュー画面

1. 遷移先で「タグの設定」をクリックし、タグタイプで「カスタムHTML」を選択します。

GTMカスタムHTML選択画面

2. タグの設定

1. immedio管理画面でルーター一覧にアクセスし、Form画面用のタグをコピーします。SnippetをGTMのHTMLの欄に貼り付けます。

GTMスニペット貼り付け画面

1. 次に、GTMで「トリガー」を選択し、右上の＋ボタンをクリックします。

GTMトリガーボタン画面

1. 「トリガーの設定」をクリックした後、右側の選択肢から「ページビュー」を選択します。

GTMページビュー選択画面

1. 次のページで「このトリガーの発生場所」から「一部のページビュー」選択し、フォームのページURLを入力します。

GTMトリガーURL設定画面

1. ここまでのプロセスでフォーム側の設定は完了です。次に同じプロセスをThanksページ分につき繰り返して下さい。