Google タグ マネージャーの仕組みの概要と詳細

公開: 2018-07-06

最良のキャンペーンは見込み客データから始まります。訪問者が誰で、何をしたか、次にどのようにリーチするかです。 問題は、そのデータを取得して使用すると、チームや潜在的な顧客にあらゆる種類の問題を引き起こす可能性があることです.

Web ページのバックエンドにある JavaScript タグは、マーケティング担当者が訪問者に関する情報を活用できるようにするものです。 メタ ピクセルや Google 広告のコンバージョン トラッキングを考えてみてください。 これらは便利ですが、手動で設定して維持するのは面倒です。 コードの小さな行をコピー、貼り付け、微調整し、それらが適切な場所にあることを確認します。これは、特に多くのキャンペーンやページで心配する必要があります。 それが、Google タグ マネージャーがある理由です。

Google タグ マネージャーとは

Google タグ マネージャーは、Web ページのバックエンドでタグを簡単に管理するためのシステムです。 直感的なインターフェイスを通じて、ユーザーは追加のコードを展開または操作する必要なく、タグを更新および追加できます。

Google タグ マネージャーを使用する理由

Web サイトと統合するすべてのソフトウェアには、Web ページのバックエンドに独自のスペースが必要です。 リマーケティング、ヒート マップ、単純なコンバージョン トラッキングにも使用できます。 JavaScript がすべてを実行します。 そして、収集するデータが増えるほど、タグを追加、更新、および削除するために、それらのタグを再確認する必要があります。 Google タグ マネージャーを使用すると、プロセスが簡素化されます。 しかし、それがそれを使用する唯一の理由ではありません。

Google タグ マネージャーを使用するメリット:

  • サイトの速度を上げる: Google タグ マネージャーを使用するとタグの管理が簡単になるため、不要になったタグを破棄して Web サイトを高速化することも容易になります。 Google タグ マネージャーも非同期で読み込まれます。つまり、ウェブページはコンテンツを読み込む前に Google タグ マネージャーの読み込みを待つ必要がありません。
  • さまざまな行動を追跡するために、特定のニーズに合わせてタグを微調整できる柔軟性があります。 タグを選択し、事前設定されたトリガーから選択するだけで、いつ起動するかを決定できます。 または、独自に作成します。
  • Google タグ マネージャーは、モバイル アプリだけでなく、ウェブサイトや AMP ページでも使用できます。
  • エラー追跡とプレビュー モードにより、実際に公開する前に問題を簡単に把握できます。 これらのチェックがないと、人的エラーが頻繁に発生し、Web サイトがダウンする可能性があります。

Google タグ マネージャーを使用する短所:

  • 学習曲線があります。 Google タグ マネージャーは、一部の人が主張するほど簡単に始めることはできません。 とはいえ、Web ページのバックエンドにアクセスしてタグを頻繁に調整するよりも、最終的には簡単です。

学習曲線を超えて、Hanapin Marketing のデジタル マーケティング アカウント マネージャーである Emma Franks 氏は次のように述べています。

多くの有名な PPC プラットフォーム (Facebook、Bing Ads など) は、GTM にネイティブ統合がないため、カスタム HTML タグ オプションを使用します。

Google タグ マネージャーの使い方

Google タグ マネージャーには、タグ、トリガー、変数の 3 つのコンポーネントがあります。

タグ

Google タグ マネージャーのタグの例

タグは、特定の機能を実行するために Web サイトのバックエンドに配置できる JavaScript のスニペットです。 これらは、前述のように、訪問者をリターゲティングしたり、コンバージョンを追跡したりできるコードです。 スクロールの深さを測定したり、行動に関する電子メールを送信したりできます。 現在、タグにできないことはほとんどありません。 最も人気のあるタグは、Google アナリティクス、DoubleClick、WordPress のタグです。

トリガー

Google タグ マネージャーのサンプル トリガー

Google タグ マネージャーでは、タグはユーザー イベントに基づいて配信されます。 それらがどのイベントであるかを指定します。 選択できるトリガーのタイプには、ページビュー、クリック、要素の可視性、フォームの送信、履歴の変更、JavaScript エラー、スクロール深度、タイマー、YouTube ビデオ、およびカスタム イベントが含まれます。

変数

Google タグ マネージャーのサンプル変数

これらは、タグを起動するために必要な追加情報をタグに与える条件です。 Googleは例を提供しています:

訪問者がサイトで 100 ドル以上の買い物をするたびにリマーケティング タグを配信するとします。 これを実装するには、ページビュー トリガーを作成し、次のトリガー条件を追加します。

100ドルを超える取引金額

変数「Transaction Amount」は存在しないため、定義する必要があります。 JavaScript 変数 transactionAmt で Transaction Amount の値を探すように Google タグ マネージャーに指示します (この JavaScript 変数が Web サイトの購入確認ページにあると仮定します)。

この例では、ユーザーが Web サイトでお金を使うと、GTM はそれが $100 を超えているかどうかを評価します。 そうである場合、リマーケティング トリガーが起動します。

コンテナ

タグ、トリガー、および変数のグループを合わせて、コンテナーと呼びます。 コンテナーは、特定のドメインのルールを設定します。 タグとトリガーを設定し、変数を指定すると、コンテナが作成されます。 コンテナーを使用すると、各ページのバックエンドに何度も戻ることなく、ドメインのタグを自由に管理 (追加、更新、削除) できます。

Google タグ マネージャーの実装準備中

ツールの実装には準備が必要です。 Google タグ マネージャーについては、次の点を考慮してください。

誰がアカウントを管理しますか?

Google タグ マネージャーでタグを追加および操作するユーザーが多すぎると、ウェブページがダウンする可能性があります。 1 つまたは 2 つの役割が割り当てられていることを確認し、アカウントのマネージャーが退職したり、責任を負えなくなったりした場合の手順を定めます。

それはどのように管理されますか?

チーム メンバーが割り当てられたら、ワークフローを指定することが重要です。 わずかなエラーでも、タグが役に立たなくなったり、さらに悪いことに、他のソフトウェアに干渉したりする可能性があります。 管理者にマネージャーの実装を再確認してもらうか、監査ログを開始して、エラーが確実にキャッチされ、将来的に防止されるようにする必要がある場合があります。

他に誰がアクセスする必要がありますか?

あなたのビジネスには GTM 管理者がいるかもしれませんが、他の誰かがアクセスする必要がありますか? ポスト クリックのランディング ページにタグを追加する必要がある代理店に作業を委託する場合があります。 フリーランサーを雇ってヒート マップ分析を実行したり、リターゲティング キャンペーンを作成したりするかもしれません。 これらがよく知られている場合は、Google タグ マネージャー アカウントへのアクセスを許可し、指定された社内マネージャーに作業をチェックしてもらうことをお勧めします。

GTM を使用するドメインの数は?

複数のドメインで GTM を使用してタグを管理している場合、次の場合を除いて、すべてのドメインで同じコンテナを使用することをお勧めします。まず、各ドメインに合わせてタグを調整する必要がある場合。 コンテナーが公開されると、すべてのドメインに適用されます。 そのため、変更を 1 つだけに適用する必要がある場合は、複数のコンテナーを使用することをお勧めします。 第 2 に、構成が異なる場合 (異なるドメインで異なる状況でタグが起動する場合)、ドメイン間で構成を共有するのは容易ではないため、複数のコンテナーを使用することをお勧めします。

Googleタグマネージャーについて勉強しましたか?

Google タグ マネージャーは使いやすい DIY ツールとして宣伝されていますが、Orbit Media の Amanda Gant は誤解されていると述べています。

Google タグ マネージャーは、技術的な知識やトレーニング (コースまたは独学) なしでは「簡単」に使用できません。 タグ、トリガー、変数の設定方法を理解するには、技術的な知識が必要です。

実のところ、Google タグ マネージャーを使用するとタグの管理が簡単になりますが、事前の教育がなければ習得できるものではありません。 高価なトレーニング コースに登録する必要があるというわけではありません。この Google のトレーニング コースは、始めるには十分すぎるはずです。

ページに手動でコード化されたタグが既にありますか?

コンテナは、Google 広告、Google アナリティクス、その他のサードパーティ プロバイダのタグなど、ウェブページに手動でコーディングされたタグを置き換えます。 Google タグ マネージャーを使用する場合は、一部のタグを放置するのではなく、すべてのタグを一度に移行することをお勧めします。 GTM は関係なくタグを配信できるため、必須ではありませんが、ベスト プラクティスです。 ページに JavaScript が多いほど、読み込みが遅くなります。

Google タグ マネージャーの設定

タグ マネージャーの設定を開始するには、Google は次の手順を概説しています。

新しいアカウントとコンテナーを作成する

Google タグ マネージャーのアカウント設定

  1. Google タグ マネージャーで、[アカウント]、[アカウントの作成] の順にクリックします。
  2. アカウント名を入力し、Google や他のユーザーと匿名でデータを共有するかどうかを選択します。
  3. 「続行」をクリックします。
  4. わかりやすいコンテナー ラベルを入力し、Web、AMP、Android、または iOS からコンテンツ タイプを指定します。
  5. 「作成」をクリックします。

コンテナをインストールする

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

  1. Google タグ マネージャーで、[ワークスペース] を選択します。
  2. ウィンドウの上部にあるコンテナー ID を見つけます。次の形式でフォーマットされています: 「 GTM-XXXXXX 」。
  3. コンテナ ID をクリックして、[タグ マネージャーのインストール] ボックスを起動します。
  4. 生成されたコードをコピーして、Web サイトに貼り付けます。
  5. Tag Manager のプレビュー モードと Tag Assistant Chrome 拡張機能を使用して、インストールを確認またはトラブルシューティングします。

タグの追加、更新、公開

コンテナをインストールしたら、次の手順でタグの追加を開始できます。

1. タグ マネージャーで、アカウントを選択します。

2. ナビゲーションメニューから「タグ」をクリックします。

タグを追加するには: [新規] をクリックします。 タグのタイプ (Google 広告 コンバージョン トラッキングなど) を選択し、タグを配信するトリガーを指定します。

タグを編集するには: リスト内のタグをクリックし、[タグの編集] ページで変更を加えます。

タグを削除するには: [タグの編集] ページに移動したら、画面の右上隅にあるメニューをクリックして [削除] を選択します。

3. プレビューを行うと、タグ、変数、構成を公開する前に評価できます。 デバッグ オプションを使用して、サイトの使用中にどのタグが起動するかを確認できます。 ワークスペース内で未公開の変更を含むページを表示している場合は、[公開] の横にある矢印をクリックしてその他のオプションを表示し、[プレビュー] をクリックします。

4. 問題がなければ、画面の右上隅にある [発行] をクリックして、変更の発行を開始します。

Google タグ マネージャーの例

この仮説を考えてみましょう: コンバージョンを追跡し、行動によってトリガーされる電子メールを設定し、特定のページに広告を掲載し、分析プラットフォームですべてを追跡したい場合、それらすべてのプログラムからのタグが必要になります。 Google タグ マネージャーを使用すると、これを 1 回追加するだけで済みます。

Google タグ マネージャー JavaScript

最終的に、チームにとってタグの維持がよりクリーンで簡単になります。

より優れた、より堅牢なユーザー エクスペリエンスの作成を開始する

Google タグ マネージャーを使用すると、時間と手間が省けるだけでなく、ユーザーの利便性も向上する可能性があります。 パーソナライゼーションを改善するソフトウェアを簡単に追加できます。たとえば、電子メールの自動化、ライブ チャット、ユーザー エクスペリエンスを向上させるために必要なデータを提供するヒート マップ ソフトウェアなどです。 また、JavaScript を管理することでページを軽量に保つことができます。これにより、読み込み時間が短縮され、ユーザーが直帰するのを防ぐことができます。 その結果、彼らがコンバージョンする可能性が高くなります。 Instapage、Instapage Enterprise デモを使用して、用途が広くユーザーフレンドリーなポストクリック ランディング ページの作成を今すぐ始めましょう。