CV計測連携で反映が可能です
両方(LP1、LP2)のLPをSquad beyondで作成し、両方のレポートにCVを反映したい場合の設定方法です。
例:LP1→LP2→サンクスページ
設定手順
外部ツール(カートや計測ツール)に確認すること
- 2つのパラメーターを受け取ることができるか?
- 下記の形でCVデータをSquad beyondにポストバックできるか?
上記が可能な場合はSquad beyond上で以下を設定してください
Squad beyond上の設定
- 計測ツール、またはカート等とCV計測連携を行う
- 以下コードをLP2のタグ設定「Java Script head」に追加し、各ページのsquadbeyond_uidを引き継げるようにする
<script>
var sbReplaceState = sbReplaceState || {};
(function(_) {
/* 付与するURLパラメータと取得先セレクタの指定 */
const extend = {
'squadbeyond_uid': '.js-v-id'
};
_.setParams = function() {
let url = "";
let params = new URLSearchParams();
const search = new URLSearchParams(location.search);
const hash = location.hash;
[...search.entries()].forEach((param) => {
let name = param[0];
if (name == 'squadbeyond_uid') name = 'squadbeyond_uid2';
params.set(name, param[1]);
});
[...Object.entries(extend)].forEach((param) => {
let target = document.querySelector(param[1]);
if (target) params.set(param[0], target.dataset.value);
});
if (params.toString()) url += '?' + params.toString();
if (hash) url += hash;
if (params) window.history.replaceState('', '', url);
};
})(sbReplaceState);
document.addEventListener('DOMContentLoaded', sbReplaceState.setParams, false);
</script>- コードの詳細
- 以下の状態でパラメーターを引き継げるようにする
- LP1:squadbeyond_uid2
- LP2:squadbeyond_uid
- 両方squadbeyond_uidのままの場合は、最後に引き継いだパラメーターのみ引き継がれる仕様のため
- フォームやカート埋め込みでもsquadbeyond_uidを付与できるようにする
- 通常はbeyondページ内のリンククリックで付与
- 以下の状態でパラメーターを引き継げるようにする
- 作成後の例
- 参考URL:https://sb-holytest.discover-news.tokyo/ab/HLCeZ-OLxvUcAZxFCIQ
-
LP2からカートやフォームに遷移する時にLP1、LP2のsquadbeyond_uidが付与された状態になる
-
例)https://ドメイン/ab/lp2/?squadbeyond_uid2=123&squadbeyond_uid=456
-
他のパラメーターはここでは省略しています
-
- コードの詳細
-
- 注意点
- 上記の形になるとLP1ではCVタグを使用してのCV計測ができなくなります
- ※CVタグでもsquadbeyond_uidをキーとしてデータを取得しているため
- 上記の形になるとLP1ではCVタグを使用してのCV計測ができなくなります
- 注意点
- 上記の設定により、LP1、LP2それぞれのレポートでCV計測できるようになります。