Squad beyondで作成した2つのLPのCVをそれぞれのレポートに反映する

CV計測連携で反映が可能です

両方(LP1、LP2)のLPをSquad beyondで作成し、両方のレポートにCVを反映したい場合の設定方法です。

例:LP1→LP2→サンクスページ

設定手順

外部ツール(カートや計測ツール)に確認すること 

  1. 2つのパラメーターを受け取ることができるか?
  2. 下記の形でCVデータをSquad beyondにポストバックできるか?

上記が可能な場合はSquad beyond上で以下を設定してください

Squad beyond上の設定

  1.  計測ツール、またはカート等とCV計測連携を行う
  2. 以下コードを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をキーとしてデータを取得しているため
  1. 上記の設定により、LP1、LP2それぞれのレポートでCV計測できるようになります。