Adobe Analytics

AdobeAnalytics: スクロールで目標に到達したらカスタムリンク

こんにちは、エクスチュアの権泳東(コン・ヨンドン)です。

AdobeAnalyticsのプラグインが冗長的だったり無駄にクッキーを使うものがあり、時には使いたくない事もあります。

例として、縦に長いパララックスサイトなどでユーザーがどれだけスクロールしたかをAdobeで計測したい場合、getPercentPageViewedプラグインというのが使えます。

しかしこのプラグインの挙動はこうです。

  • スクロール率をクッキーに保存して「次のページ」で読み取る
  • 離脱リンクをクリックした場合はその時点で計測ビーコンを送る

クッキーを使いたくない場合はNGですし、後者はSafariで計測出来ないケースがあります。

というわけで、目標に到達したらカスタムリンク(s.tl関数)を使って計測ビーコンを送ってしまう、という実装方法です。

いざ実装

今回はスクロールが75%に到達した時に下記の変数を計測するようにします。

eVar101: ページ名
event201: スクロール75%到達数

なお、この実装にはJQueryが必要です。

(function(){
    var flg_p75 = false;
    $(document).ready(function(){
        $(window).scroll(function(){
            var page_height = $('body').height();
            var scroll_top = $(window).scrollTop();
            var p_1 = page_height / 100;
            var p_all = (scroll_top * 1.2) / p_1;
            var res = Math.round(p_all);
            if (res >= 75 && !flg_p75) {
                s.linkTrackVars = 'eVar101,events';
                s.linkTrackEvents = s.events = 'event201';
                s.eVar101 = s.pageName;
                s.tl(true, 'o', 'scroll:75%');
                flg_p75 = true;
            }
        });
    });
})();

実装したらスクロールしてビーコンパラメータを確認します。

スクロール到達75%で計測

このように簡単に実装する事が出来ました。

弊社ではAdobeAnalyticsやGoogleAnalyticsのカスタム実装を承っております。
お問い合わせはこちらからどうぞ。

Linux技術者資格のLPIC-3試験に合格しました前のページ

Adobe AEP SDKでReactNativeアプリを計測する (Android編)次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Adobe Analytics

    Adobe Analytics: Webサイト内で発生したJavascriptエラーの内容をAdob…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  2. Adobe Analytics

    AdobeAnalyticsでReactNativeアプリを計測する

    この記事は2018年12月7日現在の情報を元にしているのと、レガシーA…

  3. Adobe Analytics

    Metabase: カスタムマップで日本地図を追加する

    こんにちは、エクスチュアの權泳東(コン・ヨンドン)です。今回は…

  4. Adobe Analytics

    Adobe AnalyticsとGoogle Analyticsの違い② サンプリングの有無

    こんにちは。CEOの原田です。AAとGAの違いの2段目にいきます。…

  5. Adobe Analytics

    GTMのdataLayerをAdobeAnalyticsの「s」オブジェクトにコピーする

    こんにちは、エクスチュアの權泳東(コン・ヨンドン)です。Ado…

  6. Google Analytics

    Google Analytics: ユニバーサルアナリティクスの拡張Eコマース用dataLayerを…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

カテゴリ
最近の記事
  1. KARTEの「フレックスエディタ(β)」登場!ノーコードでこ…
  2. dbt Projects on Snowflake使ってみた…
  3. Cortex Analystを使ってみた
  4. SnowflakeのAI_SQLと再帰CTEで遊ぶ(Snow…
  5. dbt Fusion使ってみた
  1. IT用語集

    コンバージョン(CV)って何?
  2. Google Analytics

    Cloud FunctionsとOpenWeather APIを使ってGoogl…
  3. Google Analytics

    Google Analytics 4: イベントパラメータをセッションスコープで…
  4. IT用語集

    カプセル化(Encapsulation)って何?
  5. Amazon Web Services

    System Managerを利用したVPC内Redshiftへの接続
PAGE TOP