GoogleTagManagerでマーケティング管理が簡単に

公開: 2022-07-06

Google Tag Managerを使用すると、マーケティングエグゼクティブはもはや開発者の気まぐれになりません。

このガイドの目的は、Google Tag Managerをわかりやすく説明して、マーケティング目標をより効率的に追跡し、IT部門を関与させることなくWebサイトを変更することです。

Googleタグマネージャーとは何ですか？

Googleタグマネージャーは、Googleが提供する無料のコンソールで、数回クリックするだけで、ウェブサイトのタグを更新したり、新しいタグを追加したり、オンラインマーケティングを最適化したりできます。 これは、Webサイトのクリックごとに表示できるダッシュボードに少し似ています。 これはGoogleAnalyticsと連携して機能するため、GAで取得するデータが強化されます。 たとえば、AdWordsやDoubleClickなどと統合することもできます。

これは、マーケティングマネージャーにとって、自分やクライアントのお金がどこで使われているのかを簡単に確認できることを意味します。 プロモーションとアトリビューションの方法はより複雑であるため、GoogleAnalyticsだけでは十分ではありません。 アフィリエイトマーケティングプログラムがある場合は、コンバージョンピクセルまたはスクリプトをインストールする必要があります。また、リターゲティングには、いくつかの異なるソースからの複数のコードスニペットが必要です。Googleタグマネージャーはこれを簡素化します。

タグとは何ですか？どのように機能しますか？

簡単に言うと、タグは、より効果的な追跡を可能にするためにWebサイトの頭または体の要素に追加されるコードの一部です。 タグを使用すると、GoogleAnalyticsなどのサードパーティのサイトに情報を送信できます。

このコードはすべて、「コンテナ」と呼ばれるものに追加されます。 Google Tag Managerを使用すると、ウェブサイト、ドメイン、またはモバイルアプリごとに1つの個別のコンテナを使用できます。このコンテナには、ウェブサイトに追加するコードのスニペットをいくつか用意する代わりに、必要な数の異なるタグを含めることができます。

タグをアクションで完了するには、タグを「起動」する必要があります。 タグを起動する条件を決定できます。たとえば、誰かがサイトのどこかをクリックした場合（Google Analyticsを使用している場合に便利です）、または誰かがニュースレターにサインアップした場合です。 タグを起動しないタイミングも制御できます。 実際、タグがいつ起動するか、どこで起動するか、いつタグが起動しないか、どこでタグが起動しないか、実際に起動したときにタグが何をするかを制御できます。

 

なぜGoogleタグマネージャーを使用する必要があるのですか？

変更を加えるのにウェブマスターは必要ありません

Google Tag Managerを使用している場合は、ウェブサイトのコードを変更する必要がないため、ウェブマスターを使用してコードを更新する必要はありません。これにより、時間とお金を節約できます。

エラーの可能性が少なくなります

Webサイトのコードは変更しないため、リスクが伴う場合があります。これにより、エラーの可能性が低くなります。 ウェブサイトのコードを台無しにすると、修正に多くの時間とお金がかかる可能性があります。変更を加える前に何かをプレビューできるため、Googleタグマネージャーはこれを削減します。

速いです

タグを実装するためにIT部門の誰かがそれを行う必要がなくなったため、機会、データ、または販売を逃すことはありません。 今、あなたはそれを自分で行うことができます。

テスト（デバッグ）

Google Tag Managerを使用すると、訪問者に何かが表示されるリスクを冒すことなく、公開する前にタグや変更を完全にチェックしてテストできます。

あなたのウェブサイトをスピードアップ

Google Tag Managerを使用すると、ウェブサイトに個別に読み込まれるため、ウェブサイトの速度が向上します。

行った変更を元に戻すのは簡単です

後で削除したい変更を公開する場合、Google Tag Managerがアーカイブされたコンテナの新しいバージョンを作成するため、簡単です。

ビルトインタグ

Google Tag Managerには、Google Analytics、Adwords変換、その他の多くのサードパーティタグなど、Webサイトで使用できるいくつかのビルド済みタグがあります。 つまり、何かを編集したり、まったく新しいタグを最初から作成したりすることなく、これらのタグをWebサイトにデプロイするだけで済みます。

個々のユーザー権限

GTMを使用すると、誰が編集権、公開権、または閲覧権を持っているかを決定できます。 つまり、Googleタグ管理を外部委託することを選択した場合は、外部の会社へのアクセスを許可することもできます。

一般的なアクションのトリガー

GTMにはいくつかのトリガーが組み込まれているため、クリックやリンクなどにトラッキングを簡単に追加できます。

複数アカウントのサポート：複数アカウントのサポートとユーザー権限により、代理店はGoogleタグマネージャーを簡単に使用してクライアントのタグを管理できます。

Googleタグマネージャーの構造

Googleタグマネージャーは、5つの異なるレベルに分類できます。

  • アカウント
  • 容器
  • タグ
  • トリガー
  • 変数

アカウント：これは構造の最上位にあり、小さな会社、またはいくつかの異なるWebサイトを持つ大企業を含めることができます。 アカウントには、さまざまなWebサイト用に複数の異なるコンテナーを含めることができます。 このガイドでは、Webサイトが1つしかないアカウントに焦点を当てます。

コンテナー：コンテナーは、個々のWebサイト（またはアプリ）のすべてのタグを1か所に保持します。 Webサイトまたはアプリケーションごとに1つのコンテナーが必要です。

タグ：ウェブサイトのヘッドまたはボディに追加された小さなコード。 これは、Googleタグマネージャーに何をしたいかを伝えます。

トリガー：トリガーは、タグをいつ起動するかをGoogleタグマネージャーに通知します。 各タグには目的があるため、選択したサードパーティに情報を送信するためのトリガーが必要です。 すべてのタグを機能させるには、トリガーをアタッチする必要があります。 トリガーはイベントに分解できます

変数：変数には2つのタイプがあります。Googleがすでに組み込んでいる変数（自分でカスタマイズできます）と、ユーザー定義の変数です。 タグを作成するときに変数を編集するには、フィールドの横に表示されているレゴアイコンをクリックします。

トリガーには、タグをアクティブ化する必要があるかどうかを判断するための変数が必要です。 タグをトリガーするために、変数の値が条件に一致するかどうかを調べます。 一致する場合、タグが起動します。 変数は複数のタグで使用できます。たとえば、Google Analyticsの変数を設定した場合、使用するたびにプロパティIDを入力する必要はありません。

Googleタグマネージャーを設定する方法

Googleタグマネージャーの設定はかなり簡単です-あなたは彼らのウェブサイトに行き、サインアップをクリックします。 新しいアカウントを追加するには、会社名を追加してから、手順2でコンテナ名とコンテナの使用場所を追加します。

0001Setup_container

[作成]をクリックすると、ページの先頭にあるWebサイトのすべてのページにWebサイトに追加する必要のあるコードが生成され、次にbodyタグに追加するスクリプトが生成されます。 これは、コードに自信がない場合はIT部門の誰かに依頼する必要があるかもしれませんが、タグについては彼らの助けは必要ありません。

0002Googleタグマネージャーをインストールします

これが完了したら、[OK]をクリックすると、ワークスペース画面が表示されます。

0003ワークスペース

GoogleAnalyticsのページビュータグを追加する方法

Google Analyticsのページビュータグを追加することは、最初に追加するタグである必要があります。これにより、ページビューを取得するたびに、GoogleAnalyticsで報告されます。 これは、取得したデータセットがより有用であることを意味します。 これを行うには、ダッシュボードで[新しいタグ]をクリックする必要があります。

すでにGoogleAnalyticsを使用していて、Google Tag Managerを使用してトラフィックを追跡することを計画している場合は、Google Tag Managerが同じことを報告するため、WebサイトからGoogleAnalytics追跡コードを削除する必要があります。データがオフになっています。

タグにラベルを付ける

新しいタグを作成するときは、混乱の余地がないように、タグにできるだけ明確にラベルを付けることが重要です。 「GoogleAnalytics」というラベルを付けるだけでは不十分です。代わりに、より具体的にする必要があります。 経験則として、タグタイプ、詳細、および場所を使用する必要があります。 たとえば、GA-フォーム送信-お問い合わせ、またはGA-ページビュー-ドメイン名。 これは、誤って間違ったものを編集してしまうことがないようにするためです。また、すべてが整理され、簡単に見つけられるようにするためです（たとえば、複数のGAタグがある場合、タグマネージャーがあるため、それらはすべて一緒に一覧表示されます。すべてをアルファベット順にリストします。）

タグにラベルを付けたら、右側の小さなペンをクリックする必要があります。 そこから、選択するタグタイプを選択できます。

タグタイプ

Google Tag Managerには、右側に沿って選択できるタグタイプのリストがあり、カスタムタグタイプを作成するオプションが含まれています。

0004タグタイプ

ウェブサイトにインストールしたものに応じて、ユニバーサルアナリティクスまたはクラシックGoogleアナリティクスをクリックします。

トラックタイプ

トラックタイプは、追跡したいものに関するさまざまなオプションをすべて提供します。 この目的のために、ページビューを選択します。

0005タグ構成

[Googleアナリティクス設定]ヘッダーの下に、ユニバーサルアナリティクス用にタグを作成するたびに使用できる新しい変数を作成して、時間を節約し、ユニバーサルアナリティクスを使用して他のタグの情報をインポートする必要があります。

チェックマークを付けて広告主の表示機能を有効にすると、より多くの人口統計データが得られます。 あなたのプライバシーポリシーがこれで最新であることを確認することは良い考えです。そうすれば、人々はあなたのウェブサイトにいるときにそれを知ることができます。

0006ユニバーサルアナリティクス

次に、トリガーが何であるかを決定する必要があります。タグマネージャーインターフェイスで既に使用可能な組み込みトリガーがたくさんあります。 ユニバーサルおよびGoogleAnalyticsの場合、自動選択はページビュー用です。

0007トリガー もちろん、独自に追加したり、ページビューに興味がない場合はこれを編集したりすることもできます。 これをページビューから別のものに変更するには、右上隅のプラスボタンをクリックします。

[新しい変数]をクリックします。 これは、将来別のタグで使用するためにユニバーサルアナリティクスの追跡情報を保存できることを意味します。

0008設定変数

変数タイプをクリックして、GoogleAnalyticsを選択します

0009変数タイプを選択
GoogleAnalyticsの追跡IDを追加する必要があります。

0010GoogleAnalytics追跡ID
これを追加して[保存]をクリックすると、変数がGoogleAnalytics設定フィールドに追加されたことがわかります。

0011GAページビュードメイン名

タグごとに、異なるGAトラッキングIDを入力する場合は、タグのオーバーライド設定を有効にしたり、設定を無効、有効、または変更したりできます。 この場合、チェックを外したままにします。

トリガー：

タグの下にあるトリガーセクションの編集ボタンをクリックすると、新しい画面が表示されます。既に構成済みのページビュートリガーがあります。 それをクリックすると、それが選択されます。

0012トリガー2

[保存]をクリックします。これにより、ワークスペースの変更のリストに追加されますが、まだ公開されていません。

デバッグ

タグをデバッグして、タグが正しく機能し、サイトで問題が発生していないことを確認することが重要です。 これを行うには、タグを作成したら、[プレビュー]（右上隅）をクリックして、タグを公開する前に、タグが正しく機能しているかどうかを確認します。 Googleタグマネージャーダッシュボードの上部にオレンジ色のバナーが表示され、タグが機能していることを確認するために変更をプレビューできます。

0013デバッグ

[プレビュー]をクリックすると、Webサイトに移動する必要があり、ページの下部にウィンドウが表示されます。 すでにWebサイトにアクセスしている場合は、更新ボタンをクリックしてこの画面を表示します。

以下の例では、タグがページ上で発火していることを示しています。 左側の要約の下の列には、そのデータレイヤーで発生しているすべてのイベントが表示されます。 タグが機能するためには、概要セクションの下にページビュー、DOM対応、ウィンドウが読み込まれていることを確認する必要があります。 これらのいずれかが欠落している場合は、タグが正しく起動されていないことを意味し、問題を修正する必要があります。 要約の下に3つ以上の項目がある場合は、それで問題ありません。

0014タグプレビューのデバッグ

プレビューモードとデバッグモードでタグに関する情報を表示できるのはあなただけですが、修正する必要のあるバグがある場合にプレビューを別のチームメンバーと共有したい場合は、すべてタグマネージャーに移動し、オレンジ色のバナーを確認し、[共有プレビュー]をクリックして、同僚に送信できるURLを取得する必要があります。

デバッグ用のGoogleタグアシスタント

サイトをデバッグするためのもう1つの優れたツールは、ブラウザ用のGoogleTagAssistant拡張機能です。 アプリストアに移動して、ツールバーにダウンロードします。 ダウンロードしたら、ブラウザのアイコンをクリックして設定してください。

0015タグアシスタント

タグアシスタントの場合、すべてがすでに自動的に選択されています。 [完了]をクリックします。

次の画面で[有効にする]をクリックします。

スクリーンショット2018-05-10at18.15.13

[有効にする]をクリックしたら、ページを更新して、拡張機能をもう一度クリックする必要があります。

これにより、サイトにタグのリストが表示されます。 緑の場合は正しく機能しており、青の場合はタグを改善する方法についていくつかの提案があり、赤は正しく機能していないことを意味します。

以下の例では、Google Tag Managerが正しく機能しており、GoogleAnalyticsタグの提案があります。

0017タグ分析

「最適化する場所」ヘッダーの下に、全体的な提案が表示されます。 この場合、AdBlockerがインストールされているためです。

0018最適化する場所

拡張機能のタグをクリックすると、タグを改善するために何ができるかについての詳細情報が表示されます。 以下の例では、コードが<head>タグの外側で見つかったことを示しています。 これを最適化したい場合は、それが可能です。これは、エラーとその対処方法をすばやく見つけるための優れた方法です。

ヘッドタグの外側の0019コード

デバッグしたら、コンテナを公開する必要があります。

コンテナの公開

GAで、タグがリアルタイムレポートセクションで機能していることを再確認することをお勧めします。 分析でIPアドレスを除外していないことを確認する必要があります。除外していないと、リアルタイムレポートでこれを確認できません。 すべてが機能していることを確認したら、[変更を送信]をクリックします。

これにより、バージョン名と変更の説明を入力する必要がある新しい画面が表示されます。 これは記入することが重要なので、元に戻す必要がある場合は、どのような変更を加えたかがわかります。

0020公開コンテナ

これを行ったら、[公開]をクリックします。 おめでとうございます。最初のタグを追加しました。

GoogleAnalyticsに売り上げを報告する方法

あなたが広告主であるなら、あなたはあなたの売り上げをグーグルアナリティクスに報告したいと思うでしょう。 これを行うにはもう少し複雑で、データレイヤーを詳しく調べる必要があります。 データレイヤーは、変数と値に関する情報を含むページ上のコードのスニペットです。 正しく機能させるために、開発者に助けを求めることをお勧めします。 タグマネージャーサポートへのリンクを提供して、実装を支援することができます。

データレイヤーを使用して変数に値を割り当てる場合は、正しくレポートされるように、Googleアナリティクスで承認された変数を使用していることを確認する必要があります。

最初に行う必要があるのは、GoogleAnalyticsでeコマースを有効にすることです。 次に、トラックタイプをトランザクションに設定してユニバーサルアナリティクスタグを作成する必要があります。 タグが機能するように、またタグがトリガーされるタイミングを設定するようにしてください。

これが完了したら、トランザクションがデータレイヤーを介して渡されるように、開発者はコードを追加する必要があります。 これらは、使用する必要のある変数名です。

0021変数

次に、開発者は、レポートの詳細度に応じてコードを作成し、ウェブサイトのGoogleタグマネージャーコードの上にコードを追加する必要があります。

Google Tag Managerのサポートでは、この例を開発者向けのガイドとして使用しています。

0022Googleタグマネージャーコード

高度なeコマーストラッキング

もちろん、高度なeコマーストラッキングを追加するオプションもあります。これにより、たとえば、ユーザーがカートに何かを追加したり、何かを削除したりした場合など、サイトでのユーザーのショッピングアクティビティをより詳しく知ることができます。 基本的に、より多くのデータを取得できます。これは、リターゲティングの観点からはるかに役立つ可能性があります。 コーディングのレベルにもよりますが、おそらくこれにも開発者が必要です。

このビデオでは、これを実装する方法と、標準のeコマースセットアップについて詳しく説明しています。

<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/ZKjlIhFJMCU" frameborder = "0" allow = "autoplay

これをテストして、機能することを確認することが重要です。 いくつかのテストトランザクションを実行すると、GoogleAnalyticsで情報が正しく送信されているかどうかを確認できます。

AdWordsタグを追加する

Google AdWordsを使用している場合は、タグマネージャを使用してGoogleAdWordsのコンバージョンを追跡できます。 これを行うには、データレイヤー変数の値として注文IDを追加する必要があります。

まず、Googleタグマネージャーで新しいタグを作成し、GoogleAdWordsのコンバージョントラッキングを選択します。

0023アドワーズ広告の変換ありがとうページ
コンバージョンIDとコンバージョンラベルを取得するには、AdWordsアカウントにログインする必要があります。 タグマネージャーサポートからのこれらの指示は、これらを見つける方法を教えてくれます。

0024アドワーズアドワーズIDとコンバージョンラベル

AdWordsから取得した情報をタグに追加します。 オプションで、換算値、注文ID、または通貨コードを追加することもできます。 その場合は、適用する場所で必ずタグマネージャー変数を使用してください。

トリガーを選択して、タグがいつ起動するかを通知し、[保存]をクリックします。 変更をプレビューし、準備ができたら公開をクリックします。

これも正しく機能するには、変換リンカータグを作成する必要があることに注意してください。 Googleタグマネージャーのサポートの詳細をご覧ください。

タグを追加する

もちろん、これらのタグだけがサイトに追加したいタグではないかもしれません。 非常に多くの異なるオプションがあり、それはタグに何をさせたいかによって異なります。 アフィリエイトマーケティングネットワークを利用している場合は、Googleタグマネージャーを使用してアフィリエイトの売り上げを追跡できます。 または、リマーケティングの取り組みにタグを設定することもできます。 オンラインで利用できるGoogleTagManagerのレシピはたくさんあり、GTMにインポートできます。

結論

Google Tag Managerは、マーケティング目標をより効率的に追跡できるため、どのWebサイトにも最適です。 Webサイトへの変更は、開発者に毎回尋ねることなくすばやく簡単に行うことができ、変更を公開する前にテストできるため、時間とお金を節約できます。

あらゆる規模の企業がより多くの洞察を得るのに理想的であり、タグの作成方法を理解したら、何が機能しているかに応じて変更や更新を行うことができます。 デバッグは誰にとっても重要なプロセスであり、見逃してはなりませんが、デバッグを正しく行うと、できることがたくさんあります。 オンラインで利用できるレシピと、GoogleTagManagerの使用を開始するために使用できるいくつかのリソースがあります。

追加のリソース

Googleには、 Google Tag Managerの無料オンラインコースがあります。このコースには、Google Tag Managerの開始、GTMの設定、データレイヤー、変数、イベントを使用したデータの収集、マーケティングとリマーケティングのための追加のタグの使用に関するセクションが含まれています。

Google Tag Managerサポートセンターには、GoogleTagManagerとタグのインストールに関する豊富な情報があります。

質問をしたり、質問に対する回答を見つけたり、GoogleTagManagerについて話し合ったりできるGoogle製品フォーラムがあります。

Analytics Maniaには、GTMに関連する100を超えるさまざまなリソースのリストがあります。

LunaMetricsには、Googleタグマネージャーにインポートできるいくつかの異なるレシピがあります。