Googleタグマネージャー-高度な追跡
ビジネスの重要な要素を追跡できる、いくつかの複雑なシナリオを見てみましょう。事前定義されていない、またはデフォルトで使用できないカスタムイベントを作成する方法を検討します。
この章では、−について見ていきます。
- カスタムイベントの実装
- マウススクロールトラッキング
カスタムイベントの実装
GTMで利用可能なイベントとは異なるイベントを作成したい場合があります。これを実現するには、データレイヤーの既存の変数を利用するカスタムイベントを作成する必要があります。
前に作成した内部リンクをクリックしたときのシナリオを考えてみましょう。データレイヤー変数gtm.elementurlを読み取るurlClickというカスタムイベントを作成しましょう。
Step 1−これを行うには、[変数]セクションからurlNameという変数を作成しましょう。通常のプロセスを使用して、変数を作成します。
上に示されているのは、データレイヤー変数の例–urlNameです。
次に、この変数を使用してカスタムイベントを作成します。トリガーを作成するときにカスタムイベントが使用されます。次のスクリーンショットを参照してください。
Step 2−内部リンクをクリックして、すでに存在するイベントを起動するトリガーを作成します。[イベント名]で、gtm.linkClickを指定します。
それでは、タグを作成しましょう。
Step 3−タグを作成するための同じプロセスに従います。詳細はこちら-
- タグタイプ–ユニバーサル分析
- トラックタイプ–イベント
- カテゴリ–リンククリック
- アクション–クリック
Step 4 −ラベルには、最近作成したラベルurlNameを使用します。
Step 5−完了したら、[このタグの設定の上書きを有効にする]をオンにします。[トラッキングID]テキストボックスに、Googleアナリティクスのトラッキングコードを入力します。
トリガーを選択するときは、最近作成されたトリガー– URLClickedを選択してください。
Step 6−タグを保存します。[プレビュー]をクリックして、ブログの変更を確認します。
Step 7− Ctrl +内部リンクをクリックします。[概要]ボックスにgtm.linkClickイベントが表示されるはずです。また、次のスクリーンショットに示すように、タグが起動されているのがわかります。
このようにして、既存のイベントを使用して独自のカスタムイベントを作成し、必要なコントロールを正常に追跡できます。
マウススクロールトラッキング
ブログでユーザーを引き付けることになると、製品マーケティング担当者はマウスのスクロールを検出したいと思うかもしれません。マウススクロールの検出は、ニュースレターのリンクを表示したり、製品に何らかの割引を提供するポップアップをトリガーしたりするなど、さらなるアクションを必要とするため、非常に重要です。
Googleタグマネージャを使用すると、スクロールイベントを簡単に追跡できます。この目的のために、タグの作成時に使用するサードパーティのコードを使用する必要があります。
コードはこの場所で入手できます。タグを作成するときに使用します。
Step 1−トリガーを作成します。このトリガーをスクロールトリガーと呼びます。
トリガーの構成については、次の画像を参照してください。
Step 2−トリガータイプの構成–DOM対応。このトリガーの起動を許可する–すべてのDOMReadyイベント。
Step 3 −上記の手順が完了したら、[保存]をクリックします。
それでは、タグを作成しましょう。
Step 4 −今回は、タグを作成するときに、次のスクリーンショットに示すように、別のタイプのトラッキングを選択します。
Step 5 −カスタムHTMLを選択すると、HTMLコードを入力するためのスペースが表示されます。
Step 6−このリンクからコピーしたコードを入力します。
Step 7−下にスクロールしてトリガーを構成します。最近作成したトリガー(上記のスクロールトリガー)を選択する必要があります。
Step 8 − [保存]をクリックします。
Step 9−ここで、GTMデバッガーを起動し、ブログページを更新します。[概要]セクションと[タグ]セクションに2つの大きな変更があります。
Step 10 −次に、下にスクロールしてブログの残りの部分を表示します。さらにいくつかのイベントがトリガーされます。
- ScrollDistance
- ScrollTiming
これらのイベントは、最終的にはマウススクロールの位置を検出し、それに応じてさらにアクションを実行するために使用されます。