futureshop（フューチャーショップ）とアフィリコード・システムの連携方法

フューチャーショップとアフィリコード・システムの連携方法

「futureshop（フューチャーショップ）」とアフィリコード・システムの連携方法を解説します。

公式サイト：https://www.future-shop.jp/

基本的な流れは、アフィリコード・システムで該当広告のトラッキングタグを取得し、フューチャーショップの管理画面より測定タグを設置していきます。

アフィリコード・システムでタグを取得

① 着地点タグは、フューチャーショップのタグ出力箇所における文字数制限（半角スペースなど空白を含む2000文字以内）に対応するため、 下記のタグをコピー＆ペ―ストし、システム設置先URLを書き換えて使用してください。
※管理画面の着地点タグコードのスペースを調整しています。

<script>
window.acs_cbs=window.acs_cbs || [];
(function acsKeep(){
var PK="p";
var IMK="im";
var LKEYS={cid : ["cid", "CL_", "ACT_"], gclid : ["plid", "PL_", "APT_"]};
var DKEYS=["gclid", "fbclid", "yclid", "ttclid", "ldtag_cl", "ss", "msi"];
var PDIR="./";
var durl="https://システム設置先URL/direct.php";
function saveCookies(data){ var p=data[PK]; var out=Object.keys(LKEYS).reduce(function(ret, k){ if(k in data && data[k]) ret[k]=data[k]; return ret; }, {}); if(!p || !Object.keys(out).length) return;
var purl=PDIR+"lptag.php?p="+p; Object.keys(out).forEach(function(k){ purl += "&"+LKEYS[k][0]+"="+out[k]; localStorage.setItem(LKEYS[k][1]+p, out[k]); });
var xhr=new XMLHttpRequest(); var args="; expires="+new Date(new Date().getTime()+63072000000).toUTCString()+"; path=/; SameSite=None; Secure"; xhr.open("GET", purl);
xhr.onloadend=function(){ if(xhr.status === 200 && xhr.response === ""){ window.acs_cbs.forEach(function(cb){ cb(); }); return; } Object.keys(out).forEach(function(k){ document.cookie=LKEYS[k][1]+p+"="+decodeURIComponent(out[k])+args; if(LKEYS[k][2]) document.cookie=LKEYS[k][2]+p+"=js"+args; }); window.acs_cbs.forEach(function(cb){ cb(); }); }; xhr.send(); }
var data=location.search.substring(1).split("&").reduce(function(ret, s){ var kv=s.split("="); if(kv[1]) ret[kv[0]]=kv[1]; return ret; }, {}); if(!(IMK in data)){ saveCookies(data); return; }
durl += "?im="+data[IMK]+"&navi="+performance.navigation.type; DKEYS.forEach(function(k){ if(!(k in data)) return; durl += "&"+k+"="+data[k]; });
var xhr=new XMLHttpRequest(); xhr.open("GET", durl); function merge(a, b){ return Object.keys(LKEYS).reduce(function(ret, k){ if(k in b && !(k in a)) ret[k]=b[k]; return ret; }, a); }
xhr.onloadend=function(){ if(xhr.status !== 200) return; try{ var xhr_data=JSON.parse(xhr.responseText); if(PK != "p"){ xhr_data[PK]=xhr_data["p"]; } saveCookies(merge(xhr_data, data)); }catch(_){ } }; xhr.send(); })();
</script>

コマースクリエイターのサービスをご利用の場合は、管理画面の着地点タグで問題ありません。

② 成果地点タグは、管理画面：広告詳細から取得します。フューチャーショップのパラメータ追記が必要なため、args、priceにチェックを入れ「変換」から、 パラメータが追記されたタグを出力し控えます。
※args：注文番号などユニークなID、price：売上金額 を受け取るパラメータ

出力したパラメータ「args」と「price」が付与された成果地点タグに以下の記述を追記します。
ここでは、argsに先方の「受注コード」、priceに「商品購入金額合計」の値が付与されるようにします。

フューチャーショップで用意されている変数を設定した成果地点タグ

<script>
(function acsTrack(){
var PV = "広告ID";
var _ARGSV = "{% analytics.order_no %}";
var _PRICEV ="{% analytics.purchase_price_including_tax %}";
var KEYS = {cid : ["CL_", "ACT_", "cid_auth_get_type"], plid : ["PL_", "APT_", "plid_auth_get_type"]};
var turl = "https://システム設置先URL/track.php?p=" + PV + "&args=" + _ARGSV + "&price=" + _PRICEV;
var cks = document.cookie.split("; ").reduce(function(ret, s){ var kv = s.split("="); if(kv[0] && kv[1]) ret[kv[0]] = kv[1]; return ret; }, []);
        ================= 以下、省略 =================
</script>

フューチャーショップでタグを設置

フューチャーショップの管理画面より測定タグの設置を行います。

設定 > プロモーション管理 > 測定タグ設定 より、先に取得したトラッキングタグを設置します。

着地点タグを「共通出力」の出力内容の欄にペーストします。

成果地点タグは「注文完了ページ」の出力内容にペーストします。

タグ設置後、「登録する」で連携する測定タグの設置が完了します。

フューチャーショップとの連携設定は以上になります。

最後にテスト注文を行い、無事成果が上がればすべての設定が完了です（成果テストの実施方法）。
トラッキングログ、成果管理から正常にパラメータが付与されているかもご確認ください。