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