Googleタグマネージャとは~初心者でも分かる利用方法と導入手順

この記事は2015年8月8日に公開された記事を再編集したものです。

Webサイトを運営していると、アクセス解析をはじめとする各種 ツール の活用は必須となります。
そのため、施策の実施や 広告 出稿などを行えば管理する ツール も必然的に増え、管理が煩雑になっていく問題が起こりやすいです。

管理する ツール が増えるほど、計測 タグ も増えてしまうため、仕様変更などが起こった際は、都度 タグ を書き直す作業も発生してしまいます。
このような問題を解決してくれるのが、 Google やYahoo!が提供する タグマネージャー です。

今回は、 Google タグ マネージャについて、押さえておくべき情報をまとめました。

Google タグ マネージャとは

Googleタグマネージャ公式サイト
Google タグ マネージャとは、 Google が提供する ツール で、様々なツールのタグを一元管理（ タグ マネージメント）できるのが大きな特徴です。無料で提供されており、誰でも使うことが出来ます。

主な使い方としては、 Google タグ マネージャのタグを設置し、 Google タグ マネージャの管理画面に Googleアナリティクス や Google AdWordsなど他サイトで発行された タグ を登録すると、 HTML の変更を行わずとも、管理画面内でタグの変更や更新などが可能になります。

今までエンジニアなどの管理者に、都度依頼しなければタグの変更が出来なかったというケースはよくあります。
しかし、 Google タグ マネージャを使えば、 HTML の変更が必要ないのでエンジニアに頼まずにタグの設置などが可能になります。

Yahoo! タグ マネージャとの違い

タグマネージャー といえば、 Google 以外にもYahoo タグマネージャー というものがあります。これらの違いは何があるのでしょうか。

• 導入の手軽さにほぼ違いはなし
• 管理のしやすさもほぼ違いはなし
• 対応しているタグの種類はYahooが多い

対応しているタグの種類はYahooが多い

Google タグ マネージャとYahoo タグマネージャー では、対応している タグ テンプレートの数に違いがあります。
Yahooは国内外120種類のタグに対応していますが、 Google の場合は19種類です。

※参考：機能と特長 - Yahoo!タグマネージャー
※参考：タグ - Tag Manager ヘルプ

しかし、 Google タグ マネージャは Google 系のサービスのタグに対応しています。Yahoo タグマネージャー は Google 系のサービスへの対応が出来ていない部分があります。例えば、 Googleアナリティクス を タグマネージャー で管理する等の場合は、 Google タグ マネージャを使わなければいけません。

Google タグ マネージャの機能や特徴など

では Google タグ マネージャを導入するメリットとしては何があるのでしょうか。大きく分けて次の4つが挙げられます。

• バージョン管理がある
• タグ の設置が容易になる
• 公開前にテストできる
• タグ 管理が出来る

それぞれ見ていきましょう。

バージョン管理がある

Google タグ マネージャではバージョン管理をすることができます。バージョンとは、いつ更新されたか、何番目に公開されたかを示すものです。
この機能があることで、例えば現在公開中のバージョンになにかトラブルが起きた際、トラブル前の状態にすぐに戻すことができます。

また、バージョンを更新する際は、自動的にひとつ前のバージョンが複製され、途中で編集を止めても続きから編集することが可能です。

タグ の設置が容易になる

Google タグ マネージャを使うと、タグの設置が容易になります。

今までサービスごとに発行された タグ は、それぞれ ウェブサイト のソースの中に書いていく必要がありました。しかし、 Google タグ マネージャを使うと、 タグ マネージャ管理画面に入力して保存すればサイトのソースに反映されます。

都度、サイト管理者に設置を依頼する必要がなくなるのです。

公開前にテストができる

設定内容の動作確認用の機能として、プレビューモードがあります。
これは、Webサイト上で設定内容が正しく配信されているか確認することができる機能です。
正しく動作している場合はそのまま公開モードに変更すると、実際のWebサイト上に反映されます。

タグ 管理ができる

タグ 設置が増えてくると、どのタグがどの ページ に埋め込まれているのか分からなくなります。タグの設置漏れなども往々にして発生してしまいます。
しかし、 Google タグ マネージャを使うと、一斉に設置できたり、どのサービスのタグを埋め込んでいるのかもわかりやすくなるので管理ができるようになります。

Google タグ マネージャの設置方法

今回は Google タグ マネージャを使って、 Googleアナリティクス のタグを設置してみます。

1. Google タグ マネージャの アカウント 登録をしタグを発行

まずは、 Google タグ マネージャの公式サイトで アカウント を作成します。
※参考：Googleタグマネージャ公式サイト

そこで、 Google タグ マネージャ用 タグ を発行してくれます。このタグをサイトの全ページに貼り付けます。body開始ダクの直後に設置します。

2.コンテナを作成し、 Googleアナリティクス をコンテナに登録

Google タグ マネージャ画面に移り、タグを発行します。このとき、 ユニバーサルアナリティクス を選んでください。
最新版の Googleアナリティクス は ユニバーサルアナリティクス といいます。

配信ルールとは、どういうタイミングでタグを動かすのか、という条件設定です。
上図ではすべてのページで動かすというルール（条件）にしています。他には、購入完了 ページ ならば 広告 用のタグを発行する、など、さまざまな設定や追加が可能です。

3. タグ の公開

コンテナが完成したら、タグを公開します。
これをしないと、タグが機能しませんので注意してください。

4. Googleアナリティクス で確認

タグ を公開しましたら、 Googleアナリティクス のリアルタイム解析で確認します。
自分でアクセスしグラフが連動しましたらOKです。反応しなければ、タグの貼り付けや、「公開」の押し忘れをチェックしましょう。

Google タグ マネージャの新 UI （ ユーザー インターフェース）への移行

Google タグ マネージャは、これまで英語版のみの提供でしたが2015年1月中旬に日本語化されました。3月末の本格的な移行を経て、6月1日より強制的に新 UI への移行が実施されました。
この日本語対応によって大幅に使いやすさが向上し、導入のハードルも下がったと言えるのではないでしょうか。
変更点としては大小様々な変更もありますが、特筆すべきは以下の3点です。

1.管理画面のデザインの変更

以前の UI では、バージョン管理がサイドメニューに表示されていましたが、 ヘッダー に移動しています。
最近のアクティビティが表示されるようになり、直近でどのような更新が行われたのかを把握しやすくなりました。
また、メイン画面となる右カラムの上部には、現在使用しているタグをまとめたコンテナの状況を示す情報が並んでいます。下半分には、コンテナ内の編集履歴が表示されています。
この変更により、複数人でコンテナの編集( タグ の編集)をする際に、一覧をすぐに見ることができるようになりました。
代わりに登録済みのタグの一覧がサマリー画面上に表示されなくなっているので、確認したい場合は左メニューをクリックして、一覧画面を表示させる必要があります。

他にも、旧 UI では折りたたみ型の展開メニューから、登録済みのタグの詳細を直接開くことが可能でしたが、新 UI では一覧画面への動線のみとなりました。そのため、それぞれのタグの詳細画面を見たい時は、一覧画面を表示した後、目的のタグをクリックすると詳細が表示されます。

新 UI は、 Googleアナリティクス とほぼ同一のデザインとなったので、操作感に統一性があり、 Googleアナリティクス の利用者なら感覚的に操作できるでしょう。

2.名称の変更

一部用語の名称の変更も実施されています。

変更前：ルール
変更後：トリガー

変更前：マクロ
変更後：変数

名称に変更があったのみで、内容に変更はありません。変数については、一覧画面の UI に変更がありましたが、よく利用される主な変数はチェックを入れるだけで利用可能になったので、より使用しやすくなりました。

3.作成フローの変更

タグ やトリガー、変数などの作成フローが旧 UI では、1画面上で全ての行程を行う必要がありましたが、ステップに沿って設定するフローに変更になりました。

まとめ

今回は、 Google タグ マネージャについて、担当者以外でも知っておきたい概要をまとめました。
Google の各種サービスを利用している、利用したいなら Google タグマネージャー を選択することをオススメします。

制作担当者が普段、どのような業務をしているのか、概要が分かるだけでも同じ言語で話すことができるので、作業効率は格段に上がります。
また、 タグマネージャー の設置はアクセス解析や ユーザー 分析などが可能になるため、 マーケティング においても重要です。

Yahoo! タグマネージャー についての記事も、合わせて読むことをオススメします。
Yahoo!タグマネージャーについて

このニュースを読んだあなたにオススメ

Googleタグマネージャの運用
ホームページ制作初心者のためのHTMLタグの基礎知識・書き方がわかる記事5選
従来のやり方ではNG？タイトルタグ、キーワード、ディスクリプションについての解説

このニュースに関連するカリキュラム

Googleタグマネージャの運用

URL:https://ferret-plus.com/697

広告 やアクセス解析など、ホームページに貼り付けるタグは年々増えています。それらを効率的に管理するサービスが、 タグ 管理 ツール です。 Google が提供しているものが Google タグ マネージャ（GTM）です。 Googleアナリティクス も Google タグ マネージャで計測が可能です。本カリキュラムでは Google タグ マネージャの仕組みと導入方法について解説します。