Adobe Analytics

AdobeAnalytics: スマホのスワイプにカスタムリンクを実装する

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

今回はAdobeAnalyticsでスマホのスワイプアクションに対してカスタムリンクを実装する方法を紹介します。

スマホサイトではスワイプで画像が切り替わるページもあり、それらのアクションをカスタムリンクで計測したいケースが多々有ります。
その場合は、スワイプが完了した時にカスタムリンク(s.tl関数)を実行するように実装すると計測出来ます。

いざ実装

今回はスワイプが実行された際に下記の変数を計測するようにします。

eVar101: スワイプ方向
event201: スワイプアクション数

下記のサンプルでは「.item」クラスを持つ要素において、30ピクセル以上水平方向にスワイプした時にs.tl()を実行します。
この部分を任意のクラス名やIDに書き換えれば応用出来ます。

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

(function(){
    let vert = '';
    let pos = '';
    const getPos = function(evt) {
        return evt.originalEvent.touches[0].pageX;
    };
    //touchstart
    $('.item').on('touchstart', function(evt){
        pos = getPos(evt);
        vert = '';
    });
    //touchmove
    $('.item').on('touchmove', function(evt){
        if (pos - getPos(evt) > 30) {
            vert = 'left';
        } else if (pos - getPos(evt) < -30){
            vert = 'right';
        }
    });
    //touchend
    $('.item').on('touchend', function(){
        s.linkTrackVars = 'eVar101,events';
        s.linkTrackEvents = s.events = 'event201';
        if (vert == 'right'){
            s.eVar101 = 'swipe:right';
            s.tl(true, 'o', 'swipe');
        } else if (vert == 'left'){
            s.eVar101 = 'swipe:left';
            s.tl(true, 'o', 'swipe');
        } else {
            s.linkTrackVars = s.linkTrackEvents = 'None';
            s.events = '';
        }
    });
})();

実装したらスワイプしてビーコンパラメータを確認します。

スワイプ計測

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

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

CAD・CAM・CAEって何?前のページ

Adobe Experience Platformを調べてみた – ざっくり概要編次のページ

ピックアップ記事

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

関連記事

  1. Adobe Analytics

    【実験してみた】CNAMEを使わずにAdobeAnalyticsを1stパーティクッキーで計測する

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

  2. Adobe Analytics

    購入とは-Adobe Analyticsの指標説明

    今回は購入について説明します。「購入」の下には「購入回数」「購入点数…

  3. Adobe Analytics

    Adobe Analytics: VisitorAPIでSafariでもクロスドメイン計測をする

    この情報は2016年9月時点のものです。こんにちは、エクスチュ…

  4. Databricks

    Databricks: Spark RDDで使う主なメソッド

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

  5. Adobe Analytics

    Adobe AnaltyicsとGoogle Analytics の「生Webビーコン」をBigQu…

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

  6. Adobe Analytics

    Looker: エンジニアがBIで分析ダッシュボードを作る

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

カテゴリ
最近の記事
  1. Adobe WebSDK FPIDでECIDの復元を検証
  2. dbt Projects on Snowflakeで作成した…
  3. Dataformでtype:’increment…
  4. dbt Projects on SnowflakeをTASK…
  5. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  1. Adobe Cloud Platform Auditor

    Adobe Cloud Platform Auditor (Powered by…
  2. Cloud Dataproc

    BigQueryテーブルをAVRO形式でエクスポートしてHiveで扱う
  3. Adobe Analytics

    Adobe Analytics Business Practitionerが変わ…
  4. IT用語集

    プロキシ(Proxy)って何?
  5. データサイエンス

    ベイズとかいうすごいやつ
PAGE TOP