Install the Google Tag Manager container snippet
Google タグ マネージャーをインストールして、タグ(Google 広告、Google アナリティクス、Floodlight、第三者からのタグを含む)を設定したり導入したりできます。全体的な手順は次のとおりです。
- 新しいアカウントとコンテナを作成するか、既存のアカウントにコンテナを追加します。
- ウェブサイトやモバイルアプリにコンテナをインストールします。
- タグを追加して公開します。
タグ マネージャー アカウントは、階層構造の最上位に位置します。通常の場合、企業ごとに必要なアカウントは 1 つです。タグ マネージャーのアカウントには 1 つ以上のコンテナが含まれており、ウェブサイト、AMP ページ、Android アプリ、iOS アプリごとに特定の種類のコンテナがあります。
新しいアカウントとコンテナを作成する
新しいアカウントを作成すると、デフォルトで新しいコンテナが作成されます。
- タグ マネージャーで、[アカウント]
[アカウントを作成] をクリックします。
- [アカウント名] を入力します。必要に応じて Google や他社と匿名でデータを共有するかどうかを選択します。
- [コンテナ名] にわかりやすい名前を入力して、コンテンツの種類をウェブ、AMP、Android、iOS から選択します。モバイルアプリ用コンテナの場合は、お使いの SDK が Firebase に対応しているか、従来のものかを選択します。
- [作成] をクリックします。
- 利用規約を確認し、同意する場合は [はい] をクリックします。
新しいコンテナを既存のアカウントに追加する
- タグ マネージャーで、[アカウント]
関連するアカウント名の横のその他アイコン
をクリックします。
- [コンテナを作成] を選択します。
- [コンテナ名] にわかりやすい名前を入力して、コンテンツの種類をウェブ、AMP、Android、iOS から選択します。モバイルアプリ用コンテナの場合は、お使いの SDK が Firebase に対応しているか、従来のものかを選択します。
- [作成] をクリックします。
- 利用規約を確認し、同意する場合は [はい] をクリックします。
新しいコンテナが読み込まれると、ウェブ用コンテナの場合はインストール用のコード スニペットが表示され、モバイルの場合は SDK の一部としてタグ マネージャーが利用可能になります。ここでコード スニペットをインストールするか、[OK] をクリックしてこのダイアログを閉じます。先にコンテナを設定してから、コンテナ スニペットまたは SDK をインストールすることもできます。
コンテナをインストールする
- タグ マネージャーで、[ワークスペース] をクリックします。
- ウィンドウ上部にあるコンテナ ID(「GTM-XXXXXX」の形式)を見つけます。
- その番号をクリックし、[Google タグ マネージャーをインストール] ボックスを表示します。
- [Google タグ マネージャーをインストール] ボックスの指示に沿ってコード スニペットをコピーしてウェブサイトに貼り付けるか、適切なモバイル SDK をダウンロードしてインストールします。ウェブ、AMP、モバイル別の導入に関するヒントについては下記をご覧ください。
<script>
コード スニペットをウェブページの HTML 出力の<head>
に配置します。できる限り開始タグ<head>
の近くにしつつ、データレイヤー宣言の後に挿入してください。<noscript>
コード スニペットを HTML 出力の <body> タグの直後に配置します。
タグが 2 回配信されないようにするには、タグ マネージャー コンテナに移行されたハードコーディングされたタグをコードから削除します。
Google タグ マネージャーのウェブページ スニペットでは、デフォルトで HTTPS が使用されます。これにより、第三者の不正な情報収集からコンテナを保護できます。
コンテナをセキュリティで保護されていないページに導入する必要がある場合は、コンテナ スニペットのソース URL プロトコルに https://
ではなく //
を使用します。詳しくは、プロトコル連動 URL の使用についての記事をご覧ください。
- JavaScript スニペットの
<script>
部分を終了タグ</head>
の直前に配置します。 <amp-analytics>
セクションを開始エレメント<body>
の直後に配置します。
詳細については、AMP とタグ マネージャーの設定ガイドをお読みください。
実装状態の検証やトラブルシューティングには、プレビュー モードと Chrome の拡張機能である Tag Assistant をご利用ください。
タグを追加、更新、公開する
コンテナがインストールされたら、新しいタグを追加できます。
- ナビゲーション メニューから [タグ] をクリックします。
- タグを追加する方法: [新規] をクリックします。タグタイプを選択して、タグを配信するタイミングを指定します。
- タグを編集する方法: リストにあるタグをクリックし、[タグの編集] ページで変更を加えます。たとえば、タグを配信するタイミングを指定するトリガーを更新することができます。
- タグを削除する方法: リストにあるタグをクリックします。[タグの編集] ページで、画面の右上にある
メニューをクリックし、[削除] を選択します。
- プレビュー モードでは、サイトやアプリのタグ マネージャー設定を調べて、すべての動作が適切であることを確認できます。ウェブでデバッグ機能を利用すると、サイトの閲覧や操作で配信されるタグを確認できます。
- 準備ができたら、画面の右上にある [送信] をクリックして、変更内容の公開を開始します。バージョン名やバージョンの説明などの詳細を追加し、[公開] をクリックします。