Googleタグマネージャの導入時に最初に行う基本設定

Googleタグマネージャを導入する際に、一番初めに行う基本的な設定の手順をメモしておきます。

既に、タグマネージャのアカウント自体は取得済みであることを前提に、新規に運営サイトを登録し(=コンテナの作成)、Googleアナリティクスと連携させるまでの手順になります。

管理画面の基本構造

具体的な設定手順の紹介の前に、Googleタグマネージャを管理する際の基本的な構造を理解しておきましょう。

タグマネージャは「アカウント>コンテナ」という階層構造を持っています。

アカウントもコンテナも複数作成できるので、具体的にどの要素を「アカウント」に割り当て、また何を「コンテナ」に割り当てるか最初は戸惑うと思います。

基本的には「アカウント=管理する人間ごとに作成」「コンテナ=管理するサイトごとに作成」と考えておけば良いようです。

私の場合(個人で複数サイトを運営)は、1つのアカウントのもとで、複数の「コンテナ」を作成し、この各コンテナに管理サイトをそれぞれ振り分けて管理しています。

具体的な設定の手順

ここでは、既にアカウント自体は取得済みであることとして、運営サイトの登録(=コンテナの作成)から、Googleアナリティクスと連携させるまでの手順を紹介します。

運営サイトの登録(=コンテナの作成)

まずは、運営しているサイトをタグマネージャに登録します。

先述のように、タグマネージャでは「コンテナ」というものを作成し、そこに管理サイトの情報を登録します。
2つのサイトをしているなら2つのコンテナ、10個のサイトを運営しているなら10個のコンテナを作成するわけです。

とりあえず1つのコンテナを作成してみましょう。
タグマネージャにログインしたら「管理」をクリック。

tag_001

「コンテナ」部分の▼(三角)をクリックして「コンテナを作成…」を選択(*下図では既に1つのコンテナが作成済みの状態です)。

tag_002

もしくは、アカウント右側の白丸が縦に3つ並んでいるのをくりっくして「コンテナを作成」をクリック。

tag_003

コンテナの作成画面になったら「コンテナ名」にサイト名(URLなど)を入力し、使用場所「ウェブ」を選択する。

tag_017

すると以下のように、コンテナの画面が現れます。

tag_004

以上で「コンテナ」が作成されました。
複数サイトを運営している場合は、サイトの数だけコンテナを作成しておきましょう。

Googleタグマネージャのスニペットをインストールする

タグマネージャを利用するためには、タグマネージャのスニペットを各サイトに挿入する必要があります。

当該コンテナの画面で、コンテナIDをクリックすると・・・

tag_005

下記のようなコードが表示されます。

tag_006

これを自分のサイトの<body>直後に入れ込みます。

多くの方は、既にGoogleアナリティクスのコードを挿入していることと思いますが、既存のGoogleアナリティクスのコードは削除し、そのかわりにタグマネージャのスニペットを挿入します。

例えば、このブログが利用しているWordPressのテーマ「stinger3」であれば、「外観>テーマの編集」から「ヘッダー(header.php)」を開いて当該部分に差し込みます。

tag_007

以上で、タグの挿入は終了です。
続いて、アナリティクスと、タグマネージャを連動させます。

アナリティクスとタグマネージャを連動させる

続いてGoogleアナリティクスと、タグマネージャを連動させてみます。

タグマネージャに戻り、当該コンテナのサイドメニューから「タグ」を選択。

tag_008

新規ボタンをクリック。

tag_009

1:「プロダクトを選択」でGoogleアナリティクスを選択

tag_010

2:「タグの種類を選択」で「ユニバーサルアナリティクス」を選択

tag_011

3:タグを設定

GoogleアナリティクスのトラッキングIDを入力し「ディスプレイ広告向け機能を有効にする」にチェックを入れます。
また「トラッキング タイプ」は「ページビュー」にします。

tag_012

4:配信するタイミング

「すべてのページ」をクリックすると「タグを配信するトリガー: All Pages」のボタンが追加されます。

tag_013

タグ名の変更ウィンドウが開いたら、タグの名前を適当に入力します。

tag_014

わたしは「基本のビュー」と名付けました。タグ一覧画面で追加されました。

tag_015

最後に有効化するのを忘れずに!

で、このままだとこのタグはまだ有効化されていません。

画面右上の「公開」ボタンをクリック。

tag_016

今すぐ公開をクリック。これでようやく反映されます。

tag_017

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

excel_add_001

Excel(エクセル)でセル内に任意の文字を挿入する方法

Excel2013(エクセル)を使用していると、時に、特定のセル内の文字列に定型の文字を入れ込みたい

medium_1408755246

BOOTCAMPのwindows環境で、AppleKeyBoardからプリントスクリーン(画面キャプチャ)を行う方法

photo credit: lastquest via photopin cc iMACに、B

scroal_001

WordPress4.xでPreserve Editor Scroll Positionがうまく機能しない問題の解決方法

※2016年6月追記:下記の方法を行ってもFireFox(ファイアフォックス)ではPreserve

001_gengo

windows7でマルシー(コピーライト・著作権表記)を表示させる方法

著作権をあらわす「©(マルシー、コピーライト、著作権表記)」というのがありますが、これをw

ana_kakure_001

Googleアナリティクスで最新日時の目盛りが隠れている場合の対処方法

頻繁にアップデートするGoogleアナリティクスですが、いつの頃からか、サマリーのセッション数表示な

henkan_001

よく使う単語や文字の変換用例をPCに記録・登録/削除する方法

人名や地名などの中には、キーボードでひらがなから漢字に変換する際、一度で変換が出来ないものがあったり

amazon_suport_001

Amazonカスタマーサポートにメールを送る際「名前を入力してください」とエラーが出た場合の対処方法

Amazon driveについて確認したいことがあり、カスタマーサポートにメールで問い合わせてみるこ

thunder_001

ThunderBird 返信メールが簡体字中国語(GBK)になる場合の対処方法

メールソフトThunderBird(サンダーバード)を使用しています。 本日、届いたメールに返

rakuten_fusei_001

楽天カードを不正利用された際の対処法 【重要】楽天カードから緊急のご連絡が届いたら

去る、5月31日(日)に何者かによって楽天カードを不正利用されてしまいました。 幸いにして実質

aropa_001

アロパノールのネット価格を徹底比較!最もお得な買い方は!?

以前「イライラ・緊張屋さん必携!? アロパノール服用後の効果とその感想」という記事を書きましたが、そ

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

ashi_c_008
足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_b_002
足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_a_006
足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

futa_001
掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑