Google-tag-manager-track-tags

提供:Dev Guides
移動先:案内検索

Googleタグマネージャー-タグの追跡

タグの作成プロセスを理解したら、深く掘り下げて、さまざまなアプローチを使用して追跡がどのように達成されるかを確認するのが理にかなっています。

ページビュータグ

製品マーケティング担当者は、製品のWebサイト/ブログの訪問者数を理解する必要があります。 これは、訪問者の傾向を理解するのに役立つため、非常に重要です。 ウェブサイト/ブログに追加された特定の拡張機能/機能が訪問者に高く評価されているか、訪問者が毎日/毎週ベースでウェブサイトにアクセスしているかなどを知ることができます。

「ページビュー」がウェブサイト/ブログの好感度を理解する上で非常に重要であると考えて、タグを使用してページビューを追跡する方法を見てみましょう。

  • ステップ1 *-前の章の手順に従って、Googleタグマネージャーのタグセクションにアクセスします。

アクセスタグ

最近作成されたタグ-最初のタグが表示されます。

  • ステップ2 *-[最初のタグ]をクリックすると、構成されたトリガーなどを含むダイアログボックスが表示されます。

最初のタグをクリック

上記のスクリーンショットで強調されているように、トラッキングIDに注意を向けましょう。

このトラッキングIDは* Googleアナリティクス*に関連付けられています。 デバッグモードを開始してブログにアクセスすると、単一ページビューとしてカウントされます。

この特定の瞬間に、* Googleアナリティクス*はそのインターフェースにページビューを記録します。

ステップ3 *-Googleタグマネージャーを使用してデバッグし、[トラフィックソース]→[概要]の下にある[ Googleアナリティクスダッシュボード*]を開くと、次の統計が表示されます。

Google Analyticsダッシュボード

これは、ページビューが記録され、対応するページビューがGoogleアナリティクスでさらに追跡されることを示しています。

リンクタグ

多くの場合、ユーザーがブログまたはWebサイトを離れる必要がある特定のプロモーションオファーがあります。 プロモーションに加えて、これらはユーザーが行う必要のあるサードパーティの調査である場合があります。 これらの調査では、特定の統計情報が得られますが、これは異なるタグを介して入力されるデータとは異なります。

この目的のために、リンクがクリックされ、ユーザーがWebサイトから離れた回数を追跡できるようにすると便利です。 このようなリンクは「送信リンク」と呼ばれ、これらのリンクはGoogleタグマネージャーを使用して簡単に追跡できます。

これを実証するために、ブログにリンクを作成します。

アウトバウンドリンク

上のスクリーンショットは、「アウトバウンドリンク」というリンクを示しています。 このリンクは、Googleタグマネージャーでの追跡に使用されます。 [[1]]

  • ステップ1 *-Googleタグマネージャーワークスペースに移動します。 左側のパネルから[タグ]をクリックします。 ページの[新規]ボタンをクリックして、アウトバウンドリンクタグの作成を開始します。

タグに「Outbound Link Tag」という名前を付けましょう。

  • ステップ2 *-正しいフィールド–トラッキングIDにGoogleアナリティクスコードを入力するための初期タグ設定と同じプロセスに従います。
  • ステップ3 *-イベントとしてトラックタイプフィールドを選択します。 以下のオプションをさらに見ることができます。

トラックタイプフィールド

これらのオプションは、トラックタイプ-イベントに準拠しています。 これらのオプションは、[トラックタイプ-ページビュー]ではまったく使用できないことに注意してください。 これは、Googleタグマネージャーを使用してGoogleアナリティクスコードを添付する際に、イベントの詳細をリアルタイムで表示するには特定のパラメーターが必要だからです。

  • ステップ4 *-以下のようにフォームの詳細を入力します。 太字のテキストは、テキストボックスに入力する値です。
  • カテゴリ-アウトバウンド
  • アクション-クリック
  • ラベルと値のフィールドは空白のままにします
  • 非対話ヒットを False として保持する
  • ステップ5 *-次に、[トリガー]セクションで[トリガーを選択]をクリックして、このタグを起動します…
  • ステップ6 *-右上隅の青い+アイコンをクリックします。 カスタムトリガーセクションが開きます。 このトリガーに名前を付けます– [トリガー]をクリックします。
  • ステップ7 *-[トリガータイプの選択]をクリックしてセットアップを開始します…

次のスクリーンショットに示すように、次のトリガータイプが表示されます。

ジャストリンク

  • ステップ8 *-上の図で強調表示されているように、[クリックトリガータイプ]の下の[リンクのみ]をクリックします。 これにより、新しく作成されたトリガータイプを設定するためのさまざまなオプションが表示されます。

次に、クリックされたURLのページパスがhttps://www.google.comの場合にトリガーを起動するように設定する必要があります。 同じURLにリダイレクトするようにブログのリンクを設定していることに注意してください。

ページURL

  • ステップ9 *-上の図に示されているとおりにトリガーを構成します。

ページURLがhttps://www.google.comに等しいときに_Some Link Clicks_で起動するようにこのトリガーを設定します。 完了すると、画面は次のようになります。

ページパス

ステップ10 *- *SAVE ボタンをクリックして、この新しく作成されたトリガーを保存します。 画面は、アウトバウンドリンク_Tag_のタグ設定に戻ります。

  • ステップ11 *-[保存]をクリックして構成を完了します。

アウトバウンドリンクタグ

上の図で強調表示されているように、アウトバウンドリンクの完全なタグは上記のようになります。

それでは、タグを実行してみましょう。

  • ステップ12 *-ワークスペースで、[プレビュー]ボタンをクリックします。 デバッグモードが開始されます。
  • ステップ13 *-ブラウザの別のタブでブログを開きます。 デバッグウィンドウが画面の下部に表示されます。

デバッグウィンドウ

上記のように、まだリンクをクリックしていないため、タグはこのページで実行されていないタグの下に表示されたままです。

  • ステップ14 *-前のステップで作成したアウトバウンドリンクをクリックすると、タグが配信されます。 [このページの配信タグ]に表示されます。

外部リンクタグ

これで、ブログ/ウェブサイト上のリンクを追跡するために、アウトバウンドリンクのタグを作成する方法が完了しました。

イベントトラッキング

イベントトラッキングは、ページの読み込みとは異なるアクションを表します。 ブラウザは、ページで実行するアクションに対して特定の応答を返します。 たとえば、アクションは、リンクをクリックしたり、ファイルビューやダウンロードの追跡などの複雑なフォームにフォームを送信したりするだけの簡単なものにすることができます。

Googleタグマネージャーを使用すると、ブラウザーで生成されたイベントを簡単に追跡できます。 潜在的なアクションに対するブラウザからの応答を記録することにより、特定のイベントトラックを簡単に取得します。

上記の例を使用して、イベントトラッキングの動作を確認します。 前の例では、ブログからリダイレクトするリンクを作成しました。 この例では、ブログを指す別のリンクを作成します。 ブログから離れるリンクをシームレスに追跡する方法を示すために、この例を使用しています。

ブログにInternal Linkというリンクを作成しました。 このリンクは同じブログページにリダイレクトします。

内部リンク

Googleタグマネージャーダッシュボードに移動して、アウトバウンドリンクの新しいトリガーを作成しましょう。 これには、組み込み変数のクリックURLを使用します。 クリックURLを使用して、クリックされたリンクがユーザーをブログ外にリダイレクトしているかどうかを検出します。

組み込み変数Click URLを有効にするには、次の手順を実行します。

  • ステップ1 *-[変数]セクションで、赤色の[設定]ボタンをクリックします。 使用可能な組み込み変数が表示されます。 使用可能なさまざまな組み込み変数があります。ページ、ユーティリティ、エラー、クリックなどです。
  • ステップ2 *-[クリック数]カテゴリから、[クリックURL]ボックスをオンにします。 これにより、クリックURLで使用可能な変数がすぐに表示されます。 参照用に次の画面を参照してください。

クリックURL

変数が構成されたので、トリガーを構成できます。

ユーザーがブログ外にリダイレクトしているすべてのURLをクリックすると、トリガーが有効になります。 このトリガーの作成は非常に簡単です。

  • ステップ3 *-トリガーに移動し、新規をクリックします。 トリガーに名前を付けます。 名前は–外部リンクトリガーです。
  • ステップ4 *-[トリガー構成]で、[トリガータイプの選択]をクリックしてセットアップを開始します…
  • ステップ5 *-利用可能なオプションの[クリック]で、[リンクのみ]を選択します。 これまでの手順については、次の画面を参照してください。

外部リンクトリガー

[ジャストリンク]をクリックすると、最初のセクションに戻り、URL例外を指定する必要があります。 それを行う手順は次のとおりです。

  • ステップ6 *-オプションの[このトリガーが起動する]で、[一部のリンククリック]を選択します。
  • ステップ7 *-条件の下で、クリックURLを選択します。これは前に選択する必要があります。 条件オプションから値を含まないを選択します。
  • ステップ8 *-値のテキストボックスに、ブログのURLである値を入力します。 この場合、gtmtutorial2017.blogspot.inと入力します。 完了すると、画面は次のようになります。

クリックURLを選択

  • ステップ9 *-青の[保存]ボタンをクリックして、新しいトリガーを保存します。

次に、タグを設定します。このタグを使用してクリックイベントを追跡し、ブログの外部にユーザーをリダイレクトします。

  • ステップ10 *-[タグ]セクションを開き、[新規]ボタンをクリックします。 タグに名前を付けて、外部リンクタグと呼びましょう。
  • ステップ11 *-[タグ設定]で、[タグタイプの選択]をクリックしてセットアップを開始します…​タグタイプをユニバーサルアナリティクスとして選択し、画面に次の詳細を入力します。
  • [トラックタイプ]で[イベント]を選択します
  • カテゴリの場合-外部リンクを入力します
  • アクションで– Clickと入力します
  • ラベルについては、オプションアイコンをクリックします

タグ設定

  • ステップ12 *-表示されるサイドパネルで、[クリックURL]を選択します。
  • ステップ13 *-完了したら、このタグの設定の上書きを有効にするチェックボックスをオンにします。 [トラッキングID]テキストボックスに、Googleアナリティクストラッキングコードを入力します。

トラッキングコード

  • ステップ14 *-下にスクロールしてトリガーを設定します。 新しく作成したトリガーを使用します。
  • ステップ15 *-[トリガーを選択]をクリックして、このタグを起動します。使用可能なトリガーが表示されます。 前に作成した外部リンクトリガーを選択します。

Tag Fire

これで、タグの構成は終了です。 [保存]ボタンをクリックします。

  • ステップ16 *-ここで、タグをデバッグするには、グレーの[プレビュー]ボタンをクリックします。 デバッグモードでGoogleタグマネージャーが起動します。
  • ステップ17 *-ブログに戻って、ブログを更新してGoogleタグマネージャーデバッガーを開始します。 上記の例を考慮すると、ページには2つのリンクが表示されています。 また、外部リンクタグがあります。このタグは、このページで実行されないタグの下に表示されます。

GMTデバッガー

次に、タグの構成をテストします。 両方のシナリオでCtrl +クリックを使用して、タグが配信されるかどうかを確認します。 Ctrl +クリックは、現在のページを更新せずにリンクを新しいタブで開きます。 ページが更新された場合、タグが配信されるのを見ることができないため、ページをそのままにする必要があります。

  • ステップ18 *-最初に、上の図で強調表示されているように、Ctrlキーを押しながら内部リンクをクリックします。 リンクがユーザーを同じブログ自体に誘導しているため、理想的にはタグは配信されません。

GTMリンククリック

上の図に示すように、デバッガの[概要]セクションに、別のイベントgtm.linkClickが表示されます。 これは、GTMがクリックイベントを記録したことを意味します。

ただし、[このページで配信されたタグ]セクションには変更は表示されません。 これは、アウトバウンドリンクのタブを設定したためです。

  • ステップ19 *-今すぐCtrl +クリックアウトバウンドリンク(これは前のセクションで作成されました)。

概要セクションを確認してください。別のイベントgtm.linkClickで再び更新されます。

gtm.linkClick

上の図に示すように、記録される次のイベントのために、起動されるタグ–外部リンクタグがあります。 [このページで配信されたタグ]で確認できます。

このようにして、Googleタグマネージャーでイベントトラッキングを使用し、Webサイト/ブログから必要な重要なデータのタグを構成できます。

フォーム追跡

多くの場合、どのWebサイト/ブログにもフォームが表示され、ユーザーから特定の詳細をキャプチャします。 製品マーケティング担当者として、訪問者がフォームを使用するかどうかを知るのは面倒です。

ユーザーがこのフォームに関する情報を入力した回数と、エラーに遭遇した回数を知ることは良い方法です。 Googleタグマネージャーを使用すると、フォームの送信を簡単に追跡できます。 このセクションでは、プロセスを説明します。

この例では、ブログに「お問い合わせ」フォームを作成します。

  • ステップ1 *-ブロガーの場合、連絡先フォームを作成するには、レイアウトオプション→ガジェットの追加を使用します。 [ガジェットの追加]をクリックすると、次の画面が表示され、ブログ検索ガジェットが表示されます。 青いプラス(+)アイコンをクリックして、ブログに挿入します。

ブログ検索

完了すると、次のスクリーンショットに示すようにブログに表示されます。

ブログ

次に、関連するトリガーとタグを設定しましょう。

トリガーを開始するには、同じ手順に従います。 最初にフォームIDという組み込み変数を追加してから、この新しく作成された変数を使用するトリガーを作成します。

完了したら、この新しいトリガーを使用して、フォームとの相互作用を追跡するためのタグを構成します。

組み込み変数のフォームIDを有効にするには、次の手順を実行します。

  • ステップ2 *-[変数]セクションで、赤色の[設定]ボタンをクリックします。 [フォーム]カテゴリで、[フォームID]ボックスをオンにします。 これにより、使用可能な変数にフォームIDがすぐに表示されます。 参照用に次の画面を参照してください。

変数設定

変数が構成されたので、トリガーを構成できます。

ユーザーがお問い合わせフォームにデータを送信すると、トリガーが有効になります。

  • ステップ3 *-これを行うには、トリガーに移動し、[新規]をクリックします。 トリガーに名前を付けます。 フォーム送信トリガーと名付けましょう。
  • ステップ4 *-[トリガー構成]で、[トリガータイプの選択]をクリックしてセットアップを開始します…
  • ステップ5 *-利用可能なオプションの[ユーザーエンゲージメント]で、[フォーム送信]を選択します。 これまでの手順については、次の画面を参照してください。

フォーム送信

フォーム送信をクリックすると、最初のセクションに戻り、フォームIDを入力する必要があります。

  • ステップ6 *-オプションの[このトリガーが起動する]で、[すべてのフォーム]を選択します。

上記の手順を完了すると、ブログページで送信されたすべてのフォームの追跡が有効になります。 特定のフォームIDを使用することもできます。これは、ブログの作成時に構成できます。

特定のフォームIDを構成するには、Webサイト/ブログ開発者のサポートを受けて、詳細を取得できます。 これらの手順の完了後、完全なリファレンスについては、次の画面を参照してください。

フォーム送信トリガー

  • ステップ7 *-青色の[保存]ボタンをクリックして、新しいトリガーを保存します。

ここでタグを設定します。タグを使用して、ユーザーをブログ外にリダイレクトするクリックイベントを追跡します。

  • ステップ8 *-[タグ]セクションを開き、[新規]ボタンをクリックします。 タグに名前を付けて、フォーム送信タグと呼びます。
  • ステップ9 *-[タグの構成]で、[タグタイプの選択]をクリックしてセットアップを開始します…​タグタイプをユニバーサルアナリティクスとして選択し、以下の詳細を入力します-
  • [トラックタイプ]で[イベント]を選択します
  • カテゴリの場合-フォーム送信を入力します
  • 実行中–送信されたフォームを入力します
  • ラベルについては、オプションアイコンをクリックします

ユニバーサル分析

  • ステップ10 *-表示されるサイドパネルで、[フォームID]を選択します。
  • ステップ11 *-完了したら、[このタグの上書き設定を有効にする]を選択します。 [トラッキングID]テキストボックスに、Googleアナリティクストラッキングコードを入力します。

オーバーライドを有効にする

下にスクロールしてトリガーを設定します。 新しく作成したトリガーを使用します。

  • ステップ12 *-[トリガーを選択]をクリックして、このタグを起動します。使用可能なトリガーが表示されます。 前に作成したForm Submission Triggerを選択します。

トリガーを選択

これで、タグの構成は終了です。 [保存]ボタンをクリックします。

  • ステップ13 *-タグをデバッグするには、灰色のプレビューボタンをクリックします。 デバッグモードでGoogleタグマネージャーが起動します。
  • ステップ14 *-ブログに戻って、ブログを更新してGoogleタグマネージャーデバッガーを開始します。 フォーム送信タグがあります。これは、このページで発行されないタグの下に表示されます。

ブログの検索

  • ステップ15 *-値を入力して、このブログの検索フォームとやり取りします。 最初のブログ投稿にはFirstという単語が含まれているため、Firstと入力します。
  • ステップ16 *-[検索]をクリックします。 新しいイベントは[概要]の下に表示され、フォーム送信タグは[このページで実行されたタグ]の下に表示されます。

概要

このようにして、Googleタグマネージャーを使用してフォーム送信タグを作成できます。