Googleタグマネージャーの完全ガイド

公開: 2022-04-14

Google Tag Manager（GTM）を使用すると、チームはスマートなマーケティング決定を行うために不可欠なデータを収集できます。

GTMの利点とそれを適切に利用する方法を理解することは難しい場合があるため、このガイドを参照ポイントとしてまとめました。自分のアカウントを設定して最大限に活用する方法を学びます。

GoogleTagManagerが行動の追跡と分析の問題の解決に重要である理由

タグは、データと情報を収集するためにWebページに追加されるJavaScriptコードのスニペットです。ウェブサイトやアプリの訪問者のアクティビティを監視するのに役立つため、行動に基づいてサイトを最適化できます。

ほとんどのWebサイトでは、フォームの送信やページのクリックなど、さまざまな動作やユーザーフローを追跡するために、いくつかのタグが必要です。 Webサイトのタグが多いほど、管理が難しくなります。

GoogleTagManagerに入ります。

利用可能なタグ管理ツールはGTMだけではありませんが、最もアクセスしやすいツールです。これは、Google Analyticsのみで機能するように設計されているため、私たちはそれに焦点を当てています。他にもいくつかあります。

TagCommander
Adobe Dynamic Tag Management
セグメント
7タグ
ティーリウム

GTMは、マーケターが仲介者として開発者に習慣的に依存することなく、必要な顧客データを取得するのに役立ちます。方法は次のとおりです。

整理整頓

タグマネージャがない場合、開発者は手動でタグをサイトに追加し、インスタンスごとに一意のルールを設定する必要があります。配置が完了すると、アクティビティを手動で監視し、問題のトラブルシューティングを行い、新しいコードが追加されたときに期限切れのコードを破棄し、競合を回避する必要があります。

これには時間とコストがかかります。タグ管理により、プロセス全体が合理化されます。

タグマネージャーを使用すると、Webサイト全体に展開する必要のあるコードの量を最小限に抑え、すべてのコードスニペットを1つの中央ハブに格納して、すべての追跡データを整理して整理できます。また、ユーザーフレンドリーです。コードの実装や変更を行うために開発者である必要はありません。

タグ管理は、コンテンツマーケティング業務を監督する編集長と考えてください。公開スケジュール、割り当て、タスク、およびドキュメントを1か所で照合し、アクティビティを自動化することもできますが、ワークフローを監視している人がいなければ、システムが崩壊する可能性があります。

だからあなたはしませんがタグマネージャーを監視する開発者が必要です。それを監視する担当者が必要です。とはいえ、ITを完全に切り取らないでください。複雑なタグ付けタスクは、ルール駆動型のグラフィカルインターフェイスを介して実装する必要がある場合があります。

テクノロジーコストを抑える

バグと障壁は避けられませんが、GTMを使用すると、実装とデバッグがより簡単に、より速く、その結果、より安価になります。

立ち上げが早いということは、チームが他のタスクに取り組む時間を増やし、貴重なリソースを最大限に活用できることを意味します。 GTMも完全に無料であるため、チームは予算を別のマーケティングソフトウェアに割り当てる必要はありません。

それでも、間違いは起こり得ますし、起こります。コストを抑え、ユーザーエラーを修正するために倍増しないようにするには、次のベストプラクティスに従います。

必要のない分析しないデータをキャプチャするためにワイドネットをキャストするのではなく、目標を定義し、実際に測定する必要があるものを追跡します
ページの読み込みが遅くなるため、すべてのページにタグを重ねすぎないようにしてください
特にテストを実行し、過去のトライアルを続行しないことを決定した後は、未使用のタグを破棄または無効にするようにしてください
既存のコードを壊すカスタムHTMLタグのデプロイは避けてください
分析アラートを設定し、新しい実装を一貫してQAして、埋もれた問題を検出するようにします
資格のないチームメンバーにアカウント権限を与えるとアクティビティが危険にさらされる可能性があるため、システムに精通している担当者に公開権を保持します

分析の価値を高める

GoogleTagManagerにはレポート機能がありません。むしろ、収集した貴重な情報を分析のためにGoogleAnalyticsに送信します。

ユニバーサルアナリティクス、特にGoogleアナリティクス4の強力な機能は、どのページのパフォーマンスが優れているかについての優れた洞察を提供しますが、GTMはより深く掘り下げるのに役立ちます。

基本的な分析ツールは、次のようなものを見つけることができます。

リアルタイムのページビュー
サイト訪問者の場所とデバイス情報
トラフィックソース
トップランディングページ/ブログ投稿

これらの洞察からさらに多くの価値を引き出すには、タグを利用して次のようなものを発見する必要があります。

ユーザーがサイトをナビゲートする方法
最も多くのコンバージョンを生成するページ
ウェブサイトの訪問者があなたのサイトを離れる可能性が最も高い場所

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

タグマネージャーアカウントを設定するには、次の手順に従います。

1.目標から始めます

追跡目標を決定すると、作成する必要のあるタグのタイプを決定するのに役立ちます。

Google広告のリマーケティング、コンバージョントラッキング、フォーム送信やボタンクリックの監視などのタグを作成できます。 Hotjar、Oktopost、Pinterestなどのサイトから情報を追跡するために接続できるサードパーティの統合もあります。

Google Tag Managerにアクセスしてアカウントを作成する前に、マーケティングタグ戦略を作成してください。

2.アカウントを設定します

Google Tag Managerアカウントの作成は、Googleメールで行う必要があるため、最初にGTMアカウントの管理者または所有者を選択してください。その後、アクセスする必要のあるチームの他のメンバーと権限を共有できます。

Googleアカウントでログインし、メインダッシュボードの[アカウントの作成]をクリックして、ショップの設定を開始します。

ここから、アカウントに名前を付ける必要があります。ベストプラクティスでは、タグ管理を簡単に保つために、ビジネスにちなんで名前を付ける必要があります。

次に、コンテナを設定する必要があります。コンテナはすべてのタグが存在する場所であるため、サイトまたはURLにちなんで名前を付ける必要があります。

[作成]をクリックする前に、サイトまたはアプリが存在するプラットフォームのタイプを選択してください。これは、Web、iOSまたはAndroidモバイルアプリ、AMPの使用、またはサーバーの使用である可能性があります。

次のステップは、コンテナスニペットをWebサイトにインストールすることです。これは、タグがアクティビティを適切に追跡するためにすべてのページに存在する必要があるJavaScriptのスニペットです。

このスニペットには2つの部分があります。

最初はあなたのウェブサイトの<head>セクションに住んでいる必要があります
2番目は<body>セクションに貼り付ける必要があります

GTMダッシュボードのサイドバーに表示される主な3つのラベルは、タグ、トリガー、および変数です。

タグは、ウェブサイトまたはアプリからデータを収集するトラッキングコードです
トリガーは、タグにいつ発砲するかを指示する条件を設定します
変数は、トリガーがタグに起動するように指示するタイミングを定義します

3.GoogleAnalyticsタグをインストールします

GTMを使用してこれを行う場合は、以前にWebサイトに配置したGoogle Analyticsの追跡情報を削除する必要があります。そうしないと、データが重複することになります。

GAページビューのように、ダッシュボードに[新しいタグを追加]をクリックして開始します。

次に、タグを構成します。上部のボックスをクリックして、50以上のタグタイプの長いリストを表示します。

使用しているバージョンに応じて、一番上のオプション： Google Analytics：UniversalAnalyticsまたはGoogleAnalytics：GA4Configurationをクリックします。たとえば、UAを使用しています。

表示される[トラッキングタイプ]ドロップダウンで、[ページビュー]をクリックします。

4.プロパティ変数を設定します

変数を設定するときは、2つのオプションがあります。まず、このタグで[上書き設定を有効にする]をオンにして、UAトラッキングIDを貼り付けることができます。

または、カスタム変数を作成することもできます。これにはさらに初期設定が必要ですが、作成するすべてのタグに貼り付ける必要がなく、UAトラッキングIDが保存されるため、長期的には作業が簡単になります。

GTMは、組み込み変数またはユーザー定義変数の2種類の変数を提供します。

組み込み変数は、コードスニペットで検出された要素に基づいてGTMによって自動的に定義されます。それらはいくつかの一般的な変数タイプを提供し、基本的なタグを簡単に作成できるようにします。

[構成]をクリックして、将来必要になる各変数を設定します。あなたはいつでもこれに戻ってさらに追加することができます：

ユーザー定義変数は、設定した値に基づいてカスタムされます。したがって、GoogleAnalyticsトラッキングIDを格納する定数変数を作成できます。

これを行うには、[ユーザー定義変数]セクションの下の[新規]をクリックします。次に、変数タイプの下で、 GoogleAnalytics設定が見つかるまで下にスクロールします。

トラッキングIDをフィールドに貼り付けて、保存します。

これで、Google Analyticsタグを作成するときに、このタグで[設定の上書きを有効にする]をオンにする必要がなくなりました。代わりに、ドロップダウンを開いて新しい変数を選択するだけです。

5.トリガーを構成します

最初のタグをデプロイする最後のステップは、タグを起動するトリガーを選択することです。

[トリガー]ボックスをクリックして、使用可能なオプションから[すべてのページ]を選択します。

次に、[保存]をクリックします。追跡を正式に開始するには、ワークスペースの変更で[送信]をクリックします。おそらく2つあります。1つは新しい変数で、もう1つは新しいタグです。

6.クロスドメイントラッキングを設定します

ビジネスのカスタマージャーニーがユーザーをさまざまなドメインに誘導する場合、クロスドメイントラッキングは、データを膨らませてユーザーがアクセスするドメインごとにカウントするのではなく、トラッキングコードがユーザーを1つとしてカウントするのに役立ちます。

これはサブドメインには必要ありません。一緒に機能する2つのまったく異なるドメインがある場合のみ。

タグレベルでクロスドメイントラッキングを設定するには、このタグの[オーバーライド設定を有効にする]をオンにして、 [その他の設定]> [クロスドメイントラッキング]にアクセスしますが、これを行う最善の方法は、GoogleアナリティクスID変数を使用することです。

[変数]タブに移動し、GAトラッキングIDで作成した変数を開きます。 [変数の構成]ボックスをクリックし、[その他の設定]>[クロスドメイントラッキング]をクリックします。

[自動リンクドメイン]フィールドで、[保存]をクリックする前に、各ドメイン（複数ある場合）をコンマで区切って挿入します。

7.データレイヤーを理解する

データレイヤーは、GTMに送信する前にウェブサイトのデータを保存するJavaScriptコードスニペットです。これは、絶えず変化するサイトのHTMLと、タグ、トリガー、および変数の間の追加レイヤーとして機能します。

データレイヤーがあると、データ収集プロセスがスムーズになります。ほとんどのタグでは、特別なことをする必要はありません。データレイヤーは、Webサイトに配置した最初のGTMコードスニペットによって自動的に開始されます。

ただし、eコマーストラッキング用の商品データやトランザクションデータなどのカスタムデータを収集する場合は、別のデータレイヤーを設定する必要があります。

これを行うには、データレイヤー変数を作成する必要があります。これにより、GTMはWebサイトから追加の値を読み取り、デプロイされたタグに渡すことができます。

開発チームは、追加情報を追跡する各ページのデータレイヤーコードスニペットの作成と実装を支援する必要があります。これらはページごとに実行する必要があり、スクリプトはGoogleの開発者ツールからのこの例のようになります。

この例では、ページカテゴリと訪問者タイプの2つのデータレイヤーキーがあります。追跡する必要があるものに応じて、1つまたは複数のキーを使用できます。

開発者が関連する各ページにこのコードを実装したら、キーごとに新しいデータレイヤー変数を作成する必要があります。

[変数]タブに移動し、[新規]をクリックして新しいユーザー定義変数を作成します。オプションのリストから[データレイヤー変数]を選択します。

[データレイヤー変数名]フィールドに、コードで記述されたのとまったく同じ方法でキー名を入力する必要があります。したがって、上記の例から、2つのデータレイヤー変数を作成します。 1つはpageCategoryと記述され、もう1つはvisitorTypeと記述されます。

8.ユーザー管理の計画

アクセスが必要なユーザーに応じて、GTMにユーザーまたはユーザーグループを追加および削除できます。 [管理]タブに移動し、 [ユーザー管理]オプションをクリックします。

現在のすべてのユーザーとそのアクセス許可のレベルを一目で確認できます。 2つのオプションがあります。

管理者：コンテナを作成および削除したり、ユーザー権限を管理したりできます
ユーザー：基本的なアカウント情報を表示し、指定されたコンテナーにアクセスできます

特定のコンテナにアクセスできないようにするか、表示のみにするか、編集を行うか、編集を承認するか、編集を公開するかを問わず、コンテナレベルでユーザー権限を設定することもできます。

時間をかけてチームの各メンバーを追加し、変更を加えて新しいタグを展開する資格に基づいて権限を設定します。

GoogleTagManagerを有効に活用する

GTMを効果的に使用するためのヒントをいくつか紹介します。

GTMのベースコードがすべてのページに存在することを確認してください

複雑な追跡キャンペーンを実装したくない場合は、GTMベースコードが最も重要なページの一部に存在しないことに気づきます。これが、コードがサイトのHTMLに正しく挿入されていることを確認することが重要である理由です。

これを行うにはいくつかの方法がありますが、最も基本的なのは、Webサイトのページソースを確認することです。

確認するページに移動し、右クリックして、 [ページソースの表示]を選択します。ページで（クイックCTRL + F / CMND + Fコマンドを使用して）gtm.jsを検索し、ベースコードを確認します。

GTMダッシュボードの右上隅にある[プレビュー]ボタンをクリックし、WebサイトのURLを入力して、正しいコンテナーがWebサイトに接続されているかどうかを確認することもできます。

新しいコンテナを作成するときはいつでも、コードが適切に実装されていることを再確認してください。

トラック競技

GoogleAnalyticsと組み合わせたGoogleTagManagerは、サイトで発生するイベントを追跡するのに最適です。

これらのイベントは次のようになります。

フォームの送信
ボタンのクリック
サインアップ
巻物
ビデオビュー

これを行うには、別のGoogle Analytics：Universal Analyticsタグを作成しますが、今回はトラックタイプがイベントになります：

残りの情報を入力します。おそらく、ブログ投稿の販売ページリンクの「リンククリック」イベントトラッカー：

カテゴリ：リンククリック
アクション：セールスランディングページ
ラベル： {{ページパス}}
値：イベントの値-これはオプションで入力できます。
非相互作用ヒット： True
Google Analyticsの設定：前に設定したGAトラッキングID変数を選択します。

次に、トリガーを作成する必要があります。この場合は、クリックを追跡するリンクを指定するトリガーです。ドロップダウンメニューから[ PageURLequals ]を選択し、次のフィールドにURLを販売ページに貼り付けます。

顧客の行動を分析するためにさまざまなイベント追跡タグを作成できますが、必ずしも収益に影響を与えるとは限らないデータで自分を圧倒しないでください。

タグをデバッグする

タグを監視して、タグが機能していることと、データが正確に保たれていることを確認します。これを行うには、プレビューおよびデバッグモードを使用します。

ベースコードがインストールされていることを確認するのと同様に、[プレビュー]をクリックして、[ URLにデバッグ信号を含める]がオンになっていることを確認します。

WebサイトのURLを挿入し、[接続]をクリックします。プレビューウィンドウが開き、右下隅にバッジが表示されます。

タグアシスタントページに戻り、すべてが正しく接続されていることを確認します。

ここから、各オプションをチェックして、何かが壊れているかどうかを確認できます。

定数変数を作成する

Google AnalyticsTrackingIDの定数変数を作成する方法について説明しました。ただし、デジタル広告を使用したリターゲティングキャンペーンに取り組んでいる場合は、Webサイトに他のピクセルがインストールされている可能性があります。

また、これらのピクセルの定数変数を作成できるため、新しいタグを作成するたびに適切なピクセルを見つける必要がなく、代わりにドロップダウンから選択できます。

変数に移動し、新しいユーザー定義変数を作成します。リストから[定数]を選択し、保存する前にピクセルIDを[値]フィールドに貼り付けます。

どのピクセルをどのタグに追加する必要があるかを簡単に把握できるように、必ず変数に名前を付けてください。

拡張機能をインストールする

Google TagManager用のGoogleChrome拡張機能には、生活を楽にするものがいくつかあります。

Google Tag Assistantには独自の拡張機能があり、ウェブサイト内を移動するときにウェブサイト上のタグを確認できます。
Tag Manager Injectorは、新しくデプロイされたタグをデバッグおよびテストするための便利な拡張機能です。
DataLayer Inspector +は、チームがデータレイヤーにプッシュされているものと、問題があるかどうかを理解するのに役立ちます。

タグの命名プロセスを作成する

チームと協力して、すべてのタグに名前を付けるためのプロセスまたはフォーマットを作成し、各タグが何を追跡しているかを全員が正確に理解できるようにします。これらの名前がどのように作成されたかを説明するドキュメントをまとめて、チームの全員が各タグの機能を一目でわかるようにします。

たとえば、タグタイプ、追跡対象、指定されたトリガーを指定できます。すべてを整理するためにチームが従う略語または速記を考え出します。

結論

ここで学んだことをすべて取り入れて、自分のWebサイトのアクティビティやイベントの追跡を開始しましょう。あなたのビジネスにとって最も意味のある洞察から始めて、そこから進んでください。さらに優れたGoogleタグマネージャーのエキスパートになるには、オンラインコースをご覧ください。