Adobe Analytics

AdobeAnalytics: s.Util.getQueryParam で複数パラメータ同時取得

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

今回はAdobe AnalyticsのAppMeasurement.jsにおけるs.Util.getQueryParam をいい感じに実装するTipsです。

Omniture時代からSiteCatalystを使い続ける諸兄はご存知であるはずですが、旧s_code.jsで使っていた s.getQueryParam は複数のパラメータを同時に取得する事が出来ました。

/* 
* s.getQueryParam(p, d, u)
* URL: example.com/?cid=123&iid=abc
* 結果: 123|abc
*/
s.campaign = s.getQueryParam('cid,iid','|');

しかし、AppMeasurement.jsにデフォルトで含まれる s.Util.getQueryParam ではそういかず、デリミタは元のURLを区切るために指定するものとして使います。

/*
* s.Util.getQueryParam(p, u, d, f)
* URL: example.com/?hoge=123|fuga=abc
* 結果: abc
*/
s.campaign = s.Util.getQueryParam('fuga', '', '|');

で、s_code.jsからAppMeasurement.jsに乗り換えた時にこのs.Util.getQueryParamの挙動の違いに違和感があるので、これをいい感じに旧s.getQueryParamっぽく使えるように実装したらこうなりました。

/*
* s.getQueryParam for AppMeasurement (旧s.getQueryParam互換)
* Usage: s.getQueryParam(p, d, u)
* p = パラメータ
* d = デリミタ
* u = 対象URL
*/
s.getQueryParam = function(p, d, u) {
    var iarr = [];
    var oarr = [];
    if (p) {
        iarr = p.split(',');
        for (var i=0; i<iarr.length; i++) {
            if (!u) {
		        var utmp = (s.pageURL ? s.pageURL : location.href);
		        u  = utmp.split("#")[0];
	        }
            oarr.push(s.Util.getQueryParam(iarr[i], u));
        }
    }
    var dlm = d ? d : '';
	return oarr.join(dlm);
};

使い方は、旧s_code.js時代のs.getQueryParamと同じです。
当ブログでも実装済みです。

気になる方はソースコード見て真似してください。
※2019年8月21日現在、弊社ブログは未だにAdobe Dynamic TagManagerのままなので、そのうちAdobe Launchに乗り換えます。。

以上、s.Util.getQueryParam をいい感じに古き良きs.getQueryParam互換のプラグイン風に実装する方法についてでした。

弊社はデジタルマーケティングからビッグデータ分析まで幅広くこなすデータ分析のプロ集団です。
AdobeAnalyticsのコンサルティング/導入支援についてのお問合わせはこちらからどうぞ。

ブログへの記事リクエストはこちらまでどうぞ。

関連記事

  1. Google BigQuery

    Google Apps Scriptを使ってスプレッドシートからBigQueryのテーブルを更新する…

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

  2. Adobe Analytics

    AdobeAnalytics:WordPressやHTML5内の動画を計測する

    こんにちは、エクスチュアの鈴木です。Adobe Analyti…

  3. Adobe Analytics

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

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

  4. Adobe Analytics

    Adobe AnalyticsとGoogle Analyticsの違い① セグメントのコンテナの違い…

    こんにちは。CEOの原田です。今回は良く話題に出ながらも情報がまと…

  5. Adobe Analytics

    Adobe Analytics: データフィードをGoogle Compute EngineのLin…

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

  6. Databricks

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

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

最近の記事

  1. サーバーサイドGTM: ウェブコンテナを使って1stパーティ…
  2. BigQuery: テーブルに格納されたURL文字列をKey…
  3. AdobeAnalytics: Adobe I/OのAPIを…
  4. Google Analytics 4: イベントパラメータを…
  5. Google Analytics 4 + BigQueryで…
  1. Google Analytics

    Google Tag Manager上でGoogle Analyticsのcli…
  2. Adobe Analytics

    Adobe AnaltyicsとGoogle Analytics の「生Webビ…
  3. Pardot

    Pardotの初期セットアップをする① DNSレコード設定とトラッカードメイン設…
  4. Databricks

    Databricks: Delta Lakeを使ってみる
  5. Adobe Cloud Platform Auditor

    AdobeSummit 2020レポート: “Connecting Experi…
PAGE TOP