スクロールイベント

必要条件

• utag v4.38以降。utag.jsテンプレートの更新についての詳細は、ナレッジベースの記事utag.jsの最新バージョンへの更新のベストプラクティスを参照してください。

動作方法

スクロールイベントは、訪問者が画面をスクロールするときに追跡します。訪問者がアクションを実行すると、トラッキングコールがトリガーされます。

イベントリスナーの追加方法についての詳細は、イベントの管理を参照してください。

イベントトリガー

イベントトリガーは、イベントリスナーが追跡する特定のアクションです。

このイベントは以下のトリガーを追跡することができます：

• 垂直スクロール深度 – ユーザーが画面を下にスクロールすると発火します。
• 水平スクロール深度 – ユーザーが画面を横にスクロールすると発火します。

以下の閾値を設定して、各イベントをトリガーするタイミングを制御します：

• パーセント - スクロール距離を画面のパーセンテージで測定します。
• ピクセル - スクロール距離をピクセル数で測定します。

複数の値をコンマで区切ったリストとして入力して、異なる画面位置でトリガーします。例えば、パーセンテージを測定するには 25, 50, 75, 100、ピクセルを測定するには 2000, 5000 を入力します。

要素セレクタ

要素セレクタは、イベントリスナーをトリガーするページ上のどの要素を指定するかを指定します。詳細については、イベント要素セレクタを参照してください。

イベントトリガー変数

イベントトリガー変数は、イベントリスナーがトラッキングコールと共に送信する値です。スクロールイベントには、以下のデフォルトのイベントトリガー変数があります：

イベントトラッキング

水平スクロール

例

{
   "tealium_event"  : "scroll",
   "scroll_depth" : "500",
   "scroll_depth_type" : "pixels",
   "scroll_direction" : "horizontal",
   "iq_event_id:" : "scroll_depth_events_1"
}

垂直スクロール

例

{
   "tealium_event"  : "scroll",
   "scroll_depth" : "50",
   "scroll_depth_type" : "percent",
   "scroll_direction" : "vertical",
   "iq_event_id:" : "scroll_depth_events_2"
}