記事
Googleタグマネージャー(GTM)とは?基礎知識から設置手順まで一挙解説
![Googleタグマネージャー(GTM)とは?基礎知識から設置手順まで一挙解説](https://cdn.prod.website-files.com/628f404799871b98314044a0/632937a90adcb43d902c6960_SAF_Media_Article_Image_1200x700_1a3ff6d291.png)
Webサイトの効果を高めるには、効果測定が必要です。また、Webサイトの効果測定には、タグ(WebページのHTMLに設置するコード)を設置し、定量的にタグ発火データを計測することが有効となります。
しかし、効果測定を行いたいページが増えると、タグの設置や管理にも手間がかかるのがデメリット。その手間を軽減してくれるのがタグマネージャーであり、その中でも代表的なサービスがGoogleタグマネージャーです。
本記事では、Googleタグマネージャーの意味を解説し、そして必要な基礎知識やメリット、設置方法などを解説します。
Googleタグマネージャーとは?他のタグマネージャーも併せて紹介
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a577344f836_cKaf_VrcQLMwHpl_YPuE-bytQLvp0XdaPoDfXZZy8BuXUy7_4x8nFA_U9LE7I6tH_NnhKKJ_0zYfnnFriJXf-SaHrYLhQ0FlBL6F7uVJkWTOWK9s6hWMfMLV8_WG_rC8MlTwQ_A2R_1hw4h6nA.png)
タグマネージャーとはさまざまなツールのタグを一括管理するツールのことです。サイトの HTMLにタグマネージャーのタグを設置することで、計測ツールなどのタグを一括管理できます。
また、HTML内のタグを減らすことで、Webサイトの読み込み速度を高速化することも可能です。
Googleタグマネージャー
Googleタグマネージャー(GTM)とは、 Googleが提供するタグマネージャーです。Googleタグマネージャーを用いることで、Google のツール以外にも様々なタグの設定ができます。
【関連記事】広告の基礎|コンバージョンタグを活用した測定方法と仕組み(https://jp.spideraf.com/media/articles/how-to-use-conversion-tag)
Googleタグマネージャー以外のタグマネージャー
Googleタグマネージャー以外にも、タグマネージャーサービスが存在します。例えば Yahoo!タグマネージャーは、Yahoo! JAPANから提供されているタグマネージャーサービス。
また、Adobe Experience Platform Launchは、 Adobe社から提供されているタグマネージャーサービスです。
【関連記事】Yahoo!広告がサービスリニューアル!広告主に嬉しい6つの変更点(https://jp.spideraf.com/media/articles/6-changes-advertisers-can-expect-in-yahoo-ads-renewal)
Googleタグマネージャーを理解するために必要な基礎知識とは
ここでは、Googleタグマネージャーを理解するために必要な基礎知識を、7つ解説します。
1.アカウント
アカウントとは、コンテナを管理するグループのことです。基本的には1つの会社につき、1つのアカウントで管理します。複数のホームページを管理していても、1つの会社につき、アカウントは1つだけです。
2.コンテナ
コンテナとは 、google タグマネージャを利用するWebサイトのことです。Webサイトやドメイン単位で、コンテナを分けます。
3.ワークスペース
ワークスペースとは、Googleタグマネージャーの設定変更や修正を行う作業環境のこと。コンテナ内に存在する項目です。無料版では、1つのコンテナに対して3つまでワークスペースを利用できます。その際、Webサイトやタスクごとにワークスペースを分けるようにしましょう。これは、1つの設計変更が同様のワークスペースにも同時に反映されるからです。
4.タグ
タグとは、トラッキングコード(サイトに設置する計測用のプログラム)やその他のコードの総称です。トリガーが引かれたタイミングで機能します。
【関連記事】広告でよく耳にする「タグ発火」について運用者が知っておくべき意味と仕組みとは?(https://jp.spideraf.com/media/articles/what-is-the-firing-tag)
5.トリガー
トリガーとは、タグが発火する条件を指定する機能のことです。例えば、問い合わせのタイミングをトリガーとすると問い合わせがある度に計測されます。
用途に応じて、複数の要素を組み合わせてトリガー条件を決定することも可能です。
6.変数
変数とは、その時々によって変わる可能性があるものを条件として設定するものです。例えば、 EC サイトではそれぞれの商品により購入金額が異なります。そのため、商品ごとの変数が必要です。変数は、タグの計測値やトリガーの条件として設定できます。
7.バージョン
バージョンとは、タグやトリガー、変数などを作成した状態で保存する機能のことです。 Googleでは、 google タグマネージャーで分析を繰り返します。そのため、その時々によって設定を変更する必要性が出てきます。その場合、過去に設定していた場合に戻したいと考える場面もあるでしょう。その際には、バージョンを利用すると便利です。
Googleタグマネージャーのメリット
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a8c3744f83f_Yz85wYeoQLmeunuDNvOH2Ly3PH6XpYg_NPdCrAWzFy5D9NYWY6PSPuNAdI8kJpSJrSvZzHDIGkLWSN1DoK2Ay8fEsNaXqsCv_-hdUAC2uRcjO-G6WVALgtEzN-BcQrwz99kPauzMKicRh9D_2Q.png)
ここでは、Googleタグマネージャーのメリットを4つ解説します。
誰でも手軽にタグを設置可能
タグの埋め込みをHTMLに直接行う際には、計測を行いたいページ全てにタグの埋め込みが必要なので、非常に手間がかかります。管理者や開発担当者に作業を依頼する必要性も出てきます。
しかし、Googleタグマネージャーを使うことで、HTMLを使いこなせなくても自分でタグを設置することが可能です。これにより、計測に必要なタグを手軽に設置できます。
事前に動作確認
Googleタグマネージャーには、設定内容の動作を確認できるプレビューモードが存在します。タグを設置しても、正しく計測できなければ効果測定を行えません。しかし、プレビューモードでテストすることで、正しく動作しているか確認できます。
トラブル時にはバージョンを戻すことも可能
Googleタグマネージャーでは、バージョン管理も可能です。いつ更新や公開がされたかわかるので、現在公開中のバージョンでトラブルが起きても、トラブル前の状態にすぐ戻せます。
この新しいバージョンは、変更を加えると自動的に作成されるため、途中で編集を止めても続きから編集できます 。
複数人での管理も容易
設置するタグが増えると、そのタグがどのページに埋め込まれているか分からなくなる可能性があります。また、タグの設置漏れも発生する恐れも。複数人でWebサイトを管理する際には、このことが大きな問題になります。
しかし、Googleタグマネージャーを使うことで、タグを全てのページにまとめて設置することが可能です。また、どこにタグを埋め込んでいるかも分かるので、複数人の管理がしやすくなります。
Googleタグマネージャーの導入手順とは
ここでは、Googleタグマネージャーの導入手順を解説します。
STEP1.【Googleタグマネージャーにアクセス】
・「無料で利用する」をクリック。
・googleアカウントへのログインが必要。まだ取得していない場合は、ログイン画面からgoogleアカウントを取得可能。
【引用】Googleタグマネージャーサービスサイト
(https://marketingplatform.google.com/intl/ja/about/tag-manager/)
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a6b5444f837_hZx1auKZQslp0t1hziWa8NBWZZhVRXESTbs3P8ik27DVvlQ2sCH3mWqUvKxSccIy6ipVHuN_-k7xwX1QHG1z5DOw1k6-egYXsxSM5L8CxwKTg5eBbV117jfIwAFHdqsLAIoNs5usTF4Ao3oupw.jpeg)
STEP2.【Googleタグマネージャーアカウントの作成】
・初回ログイン時には、Googleタグマネージャーアカウントの作成が必要
・アカウント名を記入し、国名を選択
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a6a0b44f83c_0oXHycMWvwBwgJoqovkQQ5xOLPx_oBGJ7oXIwwAzYHbgJ4qD-6JagcvtSfLvOwnXtw2qmnbHgR2ujkbK4_8YKoUwNOK-tfkJ338zTqfiG67fXg50o71iu0r0LZFgU4ol-dTxXBCcLvY3c8AKqg.jpeg)
STEP3.【コンテナの設定】
・「コンテナ名」にドメイン名を入力し、「コンテナの場所」で「ウェブ」を選択
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a224a44f83d_CY88I8UYuzbaaeDHCPkykedGUJfojXr9FHvVgzH4AuY5TVUZ3OIqyskTepCZhHjMKGq8arVYDAuTSjqXcg3MCUc1TvkiUo3cAhpN_N5nWcLsl2TDnKzcv0U8xlr-HIrxQ3SDK2D9ca8Nccg_fw.jpeg)
・「作成」ボタンを押すと、利用規約が表示。内容を確認したら、右上の「はい」ボタンをクリック。
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941ac4bd44f839_RjR-wycwVemntm_Jz1KCoDWGzd9-bH6yu2yTgG5f7GHDCidcsFRo5ZS-B11YhhwBvOz5BqVg0tUWcpX3pyA5RbtD2OF3pCNcSwg8oy5a7iZ-DTyALF_JJxVd-T_d-zlw0T7RpKIBLuTFRDrlJQ.jpeg)
STEP4.【サイトのHTMLにタグを追加】
・コンテナを利用するためのタグが、2段に分けられて表示。それぞれ、Googleタグマネージャーを導入したいサイトのHTMLに追加。
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941af58e44f83e_KU575iDeE-LymXB-36S81vmKQSwu54wNDMFot_EeNFA2esNJaHUD4CXvVluqzwzOrROReatYWCUL-ZP6QD5kgqLtnXgpbX7P6eal9-r04fw9JTTkTh4UREw1wRsELjvzUGXDb5k3QeMPrPFwdQ.jpeg)
・サイト内の全てのページに入れることが推奨されているが、利用したいページのみタグを追加しても、動作上は問題なし。
STEP5.【ワークスペースでGoogleタグマネージャーから配信したいタグを追加】
・変数を用意できる場合は、タグを登録する前に変数を用意することを推奨(googleアナリティクス設定など)。
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a886a44f838_azTVp0hGJsDGarRs4pdK8WUvvQa4sqKIlkM4hgNaLph-OYS4WKLPL_eHHD7a4078LZLPYdARJDe1lTy_oLu_KDrh7PKkS7KeBQa8d1hZRLFMfAp6a5GpcyWzF_AD2tq0Ro3_LMVK3TKyp6XeoQ.jpeg)
・PV計測タグを登録。タグの種類、必要項目を選択の上、トリガーを設定。
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a5ecc44f83a_YNi95Cecr-au4KcxnXtJZf3IhBB1kohadXo-7R8_LyQm5b2UMNMsb1BAQGZeJR99q9DdeGrC3YRPE4bhp98Q-gSEx9NT14Fx0Bn8I5W33OfPM_jPE55BYrzFZIiPCWNJx1TkiPxWfwT3pSjw1Q.jpeg)
・登録したいタグの種類を選択できない場合は、「カスタムHTML」に登録したいタグの線分をコピペ。
STEP6.【プレビューモードで動作確認】
・プレビュー機能を使うことで、有効化した本人にのみ設定した内容を反映。これにより、動作確認が可能に。
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a446044f835_rPC2CB28Bk6JWDPmWF_veDcVZoG5CewqlO8Q4k3diYJE5XDlqDqeJkFYGQbjepqZ0dFyAhOjPWAPGa8bisce1sCp-WHhrmfFBKIXKHmZ1qaq379jRKZfEVIHYRBZvYudbVTXYC5Zhh0i41qfiA.jpeg)
・プレビュー有効中に設定内容を変更した場合は、「更新」ボタンをクリックしないと反映されない。
STEP7.【タグの公開】
・画面右上の「公開」ボタンをクリック
![](https://cdn.prod.website-files.com/628f404799871b98314044a0/6322e858a0941a631e44f83b_UFJs0Do8uqs8X9-fAJzkQAwQm7wbCa1KcopCvnOXTENyFV0G9HFqWPkj7f7VnwxpYg6TCnNTBKIGeZ7QZXmdEwb7iauCX0x-lHB6nwnbGyLUkRCtJaUGliAJcbFt-hmZhAldhtoSc5txiYGfDA.jpeg)
・公開が成功すると、公開日欄に公開日が表示されます。ページにアクセスした全ユーザーに、設定が反映されます。
Googleタグマネージャーの注意点
Googleタグマネージャーにおけるよくある失敗の1つは、タグの設置位置を間違えることです。例えば、サンクスページの効果測定を行いたいのに、その1つ前のページに設置しても意味がありません。この場合、正確に効果測定ができない上に、誤ってコンバージョンを計測してしまう可能性もあります。
また、元々のページのHTMLにあったタグをGoogleタグマネージャーに移行したい場合は、元々のページにあったタグを削除しておかないと、重複計測が発生する恐れがあります。反対に、Googleタグマネージャーを公開する前に、本番環境に移行対象タグを削除したHTMLが反映されると、今度はタグが存在せず計測されない期間が発生します。
【関連記事】コンバージョンが計測されない?広告運用者向けに解説
(https://jp.spideraf.com/media/articles/Causes-of-incorrectly-measured-conversions)
まとめ
Googleタグマネージャーを用いることで、タグの設置や管理が容易になるため、Webサイトの効果測定も一層容易になるはずです。本記事を参考にして、Googleタグマネージャーを活用し、Webサイトの効果測定に役立ててみてください。
なお、Googleタグマネージャーを導入しても、アドフラウドの被害を受けるとWeb広告の正確な効果測定を行えません。アドフラウドの被害を受けていないか不安を感じる方は、まずはSpider AFの無料トライアルを試してみてください。
無料トライアル: