Googleタグマネージャー(GTM)とは？Googleアナティクスとの連携から導入方法までを解説！

Googleタグマネージャー(GTM)について

Googleタグマネージャー(GTM)とはGoogle社が無償で提供しているタグマネジメントツールのことです。
通常広告を出稿する場合WebページにはGoogleアナリティクスなどで提供されているタグと呼ばれるHTMLを通して広告の効果などを計測するコードを埋め込みます。Googleタグマネージャー(GTM)ではそれらのタグをコンテナという単位で管理するのが特徴で、コンテナタグと呼ばれるタグを全てのページに実装したうえ、そのコンテナの中で複数のタグを一元管理することができます。

タグマネージャーを使用しなかった場合は各媒体のリマーケティングタグ、コンバージョンタグなどのタグ設置を毎回マイページごとに行わなければならず非常に面倒です。
しかしそれらの面倒を解決するのがGoogleタグマネージャー(GTM)です。
Googleタグマネージャー(GTM)を使うことによって、各媒体のタグを一元管理することが可能になり、変更を一括で行うことが可能になります。

Googleタグマネージャー(GTM)を使うメリット

Googleタグマネージャー(GTM)を使う一番のメリットとして挙げられるのは主にタグの一元管理にによる利便性の向上です。
しかしそれ以外にも以下のように様々なメリットがあります。

・無料であること

・プログラミングができなくても主なタグ管理が可能

・タグの実装をサイトリリースサイクルに乗せる必要がない（ITチームの負担が減少）

・サイトのパフォーマンスに影響しにくい（タグの読み込みが非同期のため）

・ファーストパーティとサードパーティのタグテンプレートが用意されている

・利用者が多いため、リソースが豊富

・アクセス権限管理が可能

 

ファーストパーティー、サードパーティーとは

ファーストパーティとサードパーティとはユーザーが訪問しているWebサイトのドメインから直接発行されているCookieのことです。
Cookieとはブラウザでサイトを閲覧した際に作成され、データを一時的に保管しておく仕組みですが、そのCookieにもそれぞれ種類がありそれがファーストパーティーとサードパーティーになります。
前述した通りファーストパーティーとサードパーティーはユーザーが訪問しているWebサイトのドメインから直接発行されているCookieのことで、それぞれに発行元が違い具体的には以下のようになります。

・ファーストパーティとは、サイト1を見ている時にサイト1から付与されるcookie

・サードパーティーとは、サイト2を見ている時に別サイト(別ドメイン)から付与されたcookie

Googleタグマネージャー(GTM)を使うデメリット

・Googleタグマネージャー専用のテクニカルサポートがない

・非対応のタグが存在する（同期の読み込みが必要なタグ、ソーシャル共有ウイジェットや広告配信タグなど）
参考：(https://support.google.com/tagmanager/answer/6106924)

Googleタグマネージャー（GTM）を導入すべき人

これまで解説してきたGoogleタグマネージャー(GTM)のメリットなどからGoogleタグマネージャー(GTM)を導入すべきなのは以下の方達です。
・たくさんのWebページがあり、それぞれのページのタグの管理が困難な人
・さまざまな媒体に複数広告を出稿している人
・HTML編集を外部委託しており、タグの変更も有料の人
・これから管理するWebページが増える人

これらの場合に当てはまらない場合にはGoogleタグマネージャー(GTM)の導入は必須ではないかもしれません。
しかしGoogleタグマネージャー(GTM)を導入することでタグの管理はとても簡単になるので導入することをおすすめいたします。

Googleタグマネージャー（GTM)を利用してGoogleアナリティクスを導入する方法

ここからは具体的にGoogleタグマネージャー（GTM）を利用してGoogleアナリティクスを導入する方法について解説してきます。
Googleタグマネージャー(GTM)を利用しGoogleアナリティクスと連携するには以下のことをする必要があります。
・Googleタグマネージャー(GTM)アカウントの設定
・Googleタグマネージャータグのインストール
・Googleタグマネージャータグの設置と公開
それぞれ解説していきます。

Googleタグマネージャー(GTM)アカウント設定

Googleタグマネージャにアクセスしアカウントを設定をします。
またコンテナは1サイトにつき1つ設定する事が推奨されています。

①会社名を入力してください
②日本に設定してください
③ウェブサイトのURLを入力してください
④サービスのコンテナに設定してください

Googleタグマネージャータグのインストール

＊画像のコードはサンプルですので、コピー&ペーストしても正常に作動しません

利用規約に同意すると、Javascriptコードが画面に表示されます。サイトの指定の場所にタグを設置してください。

すでにタグマネージャーアカウントが開設されている場合

招待したいユーザーのメールアドレス宛に招待してください。
その際に、「公開」の設定がされていないと、プレビューなど後述の機能が一切使えなくなるので注意してください。

Googleタグマネージャー(GTM)のワークスペース画面の見方

タグ管理に関する主な作業は、ワークスペース画面、左サイドバーのメニュー（上図の赤枠囲み）から行うことができます。

・サマリー：ワークスペースのトップレベルに戻ります
・タグ：各種タグの追加や編集が行えます
・トリガー：タグの実行条件を設定できます
・変数：コンテナ内のタグに対して動的・静的な値を渡すための設定が行えます
・フォルダ：タグ、トリガーなどの整理や（例えばチャネルごとの）グルーピングが行えます

Googleタグマネジャータグの設置と公開

タグの設置と公開は以下のように設定します。

①のタグをクリックし、②の新規をクリックして、新規タグを作成します。 今回は、Googleアナリティクスのユニバーサルタグを例に、新規タグを作成します。

①タグの名前をつけます。今回はGoogleアナリティクスユニバーサルタグの設定なので、 「Google アナリティクス – ユニバーサル アナリティクス」でOKです。

タグタイプの設定をします。今回はGoogleアナリティクスユニバーサルタグの設定なので、「Google アナリティクス – ユニバーサル アナリティクス」をクリックしてください。

Googleアナリティクスユニバーサルタグの場合は、「Googleアナリティクス設定」という特別な設定が必要です。

④に設定の名前を入れてください。今回は「Googleアナリティクス設定」で大丈夫です。
⑤にGoogleアナリティクスの「UA〜」で始まるIDを挿入してください

次にトリガーを設定します。

「All Pages」をクリックすれば完成です。

以上でGoogleタグマネージャー(GTM)を使用したGoogleアナティクスの導入の設定は完了です。

Googleタグマネージャー(GTM)のプレビューと公開の方法

そもそもGoogle タグ マネージャー(GTM)プレビューモードとは現在のドラフトコンテナが設定されているかのようにコンテナコードが実装されているサイトを参照できるためコンテナ設定が公開される前にテストすることができる機能です。

またプレビューモードを有効にしたサイトではコンテンツの下にデバッグペインが表示されるので、どのタグがどのような順序で配信されるか調べることができます。

そんなGTMのプレビュー機能ですが、2020年10月にGTMのプレビューモード機能に大幅な変更がありました。
具体的には旧プレビューモードと新プレビューモードではプレビューの表示方法が異なります。
これまではプレビュー対象ページの下部にサマリが表示されていました。
しかし新プレビューモードでは、サマリと対象ページが２つのタブに分かれて表示されます。
プレビューモードが全画面表示で見れるので確認しやすくなりました。

これから具体的に旧バージョンと新バージョンでタグが発火しているか確認する方法について解説していきます。

Googleタグマネージャー(GTM)新バージョンでのプレビューの確認方法

Googleタグマネージャー（GTM)の右上の「プレビュー」をクリックします。

ドメインを追加します。

URLを入力していきます。

Googleタグアシスタントで接続が確認されました。同時に、設定したURLのページに自動的にアクセスされるので、右下にこのような表示があることを確認してください。表示は以下のスクショの通りです。

接続が二つの画面でしっかり確認できたら、Googleタグアシスタントのサマリー（概要のタブ）から、タグが点火している、していないの状態を確認できます。こちらで、「Tag Fired」になっていれば大丈夫です。
問題なければ、Googleタグマネージャー（GTM)の画面に戻って、右上の公開ボタンを押してください。
公開の作業は、旧バージョンと変更はありません。

Googleタグマネージャー旧バージョンでのプレビューの使い方と公開

Googleタグマネージャーでの旧バージョンプレビュー

プレビューをクリックすると、プレビューモードが開始します。開始のロードを確認した上で、タグを挿入したサイトを開いてください。

サイト下部に、画像のように「Tag Manager」タブが表示され、設定した「Googleアナリティクスユニバーサルタグ」が表示されれば、設定完了です。

バージョン公開

画面右上の「公開」を押してください。

バージョン名に名前をつけます。今回は簡単に「GA設定」（Googleアナリティクス設定）で問題ありません。

過去バージョンの設定

このバージョンには、過去のバージョンを設定できるという非常に便利な側面があります。

つまり、万が一公開済みのコンテナに問題が発生した場合、以前の（ちゃんと機能していた）タグ設定に巻き戻すことができ、問題の新規タグの修正を行っている間にコンバージョンなどの計測を維持することが可能です。

Googleタグマネージャー(GTM)のまとめ

今回はGoogleタグマネージャー（GTM）について解説しました。
Googleタグマネージャー(GTM)とGoogleアナティクスを連携させるとWebsite一枚ごとにHTMLタグを埋め込む必要がなくなり、Googleタグマネージャー(GTM)上で全てのタグを一元管理することができます。
なのでGoogleアナリティクスのみを使う場合であっても、早いうちにGoogleタグマネージャー(GTM)に移行・連携しておくことをおすすめします。
この記事ではyahoo!タグマネージャーの導入と設置方法について解説しています。
ぜひご参考にしてください。

また当社では、毎月5社限定残り2社 お早めに!で1時間のカウンセリングを実施しております。もしこの記事を読んで
・理屈はわかったけど自社でやるとなると不安
・自社のアカウントや商品でオーダーメイドで説明して欲しい
・記事に書いてない問題点が発生している
・記事を読んでもよくわからなかった
など思った方は、ぜひ下記のページをご覧ください

▼詳細はこちらから▼

また、カウンセリングをお申し込み頂いた方でには、10年間累計30億円以上/200商材以上運用して作り上げた、金色の広告運用の教科書をプレゼントしています。

▼資料一例▼

▼当社の実績が気になる方はこちら▼

ここまで読んでいただきありがとうございました。御社のサービスの成長の一助になれたなら、この上ない幸せです。