2018年1月16日(火)よりサポートサイトはhttps://support2.karte.ioへ移行しました。

MakeShop: コンバージョンタグ(buy)とユーザータグの設置

 

MakeShop環境へ以下のタグを設置する手順です。

  • 購入イベントを計測するためのbuyタグ
  • ユーザーがカートに商品を入れたことを計測するためのin_cartタグ
  • ユーザー属性を取得するためのuserタグ

 

注文画面案内文の編集

メイクショップ管理画面で、ショップ作成→決済・注文関連の設定→注文画面案内文の設定を選択します。

注文画面案内文の設定で、オーダーフォームに表示する文章の最上部に、計測タグを編集した上、記入します。

"API_KEY": KARTE管理画面より取得できるAPIキーを入力して下さい。

"ショップのドメイン": ショップのドメインを記入してください。例:"demo-shop.karte.io"


<script type="text/javascript">(function(){var t,e,r,n,c;for(t=function(){var t;return t=t||[],function(){var e,r,n,c;for(r=["init","start","stop","user","track","action","event","goal","chat","buy","page","view","admin","group","alias","ready","link","form","click","submit","cmd","emit","on","send","css","js","style","option","get","set"],e=function(e){return function(){return t.push([e].concat(Array.prototype.slice.call(arguments,0)))}},n=0,c=[];n<r.length;)t[r[n]]=e(r[n]),c.push(n++);return c}(),t.init=function(e,r){var n,c;return t.api_key=e,t.options=r||{},c=document.createElement("script"),c.type="text/javascript",c.async=!0,c.charset="utf-8",c.src="https://static.karte.io/libs/tracker.js",n=document.getElementsByTagName("script")[0],n.parentNode.insertBefore(c,n)},t},c=window.karte_tracker_names||["tracker"],r=0,n=c.length;n>r;r++)e=c[r],window[e]=t();
tracker.init("API_KEY",{
ktid_check: true,
site_id: "ショップのドメイン",
subdomain: false
})}).call(this);</script>
<script type="text/javascript">
tracker.track("in_cart",{
status: true
});
</script>

 

任意アフィリエイトの設定:タグの入力

メイクショップ管理画面で、プロモーション→タグの設定→任意アフィリエイト設定を選択します。

任意アフィリエイト設定で「PC用コンバージョンタグ設定」の欄で、
出力設定の内容を以下のように変更します。

出力設定:出力する にチェックを入れる

アフィリエイト名:「KARTEコンバージョンタグ」等、任意の名称を入力する

出力画面:「注文完了画面」を選択する

出力箇所:「<head>内」にチェックを入れる

 

任意アフィリエイトの設定:出力設定

 

次に、開始部繰り返し部区切り文字終了部 にそれぞれ対応するタグを設置します。

 

開始部
編集の上、記載してください。

" API_KEY": KARTE管理画面より取得できるAPIキーを入力して下さい。

"ショップのドメイン": ショップのドメインを記入してください。例:"demo-shop.karte.io"


<script type="text/javascript">(function(){var t,e,r,n,c;for(t=function(){var t;return t=t||[],function(){var e,r,n,c;for(r=["init","start","stop","user","track","action","event","goal","chat","buy","page","view","admin","group","alias","ready","link","form","click","submit","cmd","emit","on","send","css","js","style","option","get","set"],e=function(e){return function(){return t.push([e].concat(Array.prototype.slice.call(arguments,0)))}},n=0,c=[];n<r.length;)t[r[n]]=e(r[n]),c.push(n++);return c}(),t.init=function(e,r){var n,c;return t.api_key=e,t.options=r||{},c=document.createElement("script"),c.type="text/javascript",c.async=!0,c.charset="utf-8",c.src="https://static.karte.io/libs/tracker.js",n=document.getElementsByTagName("script")[0],n.parentNode.insertBefore(c,n)},t},c=window.karte_tracker_names||["tracker"],r=0,n=c.length;n>r;r++)e=c[r],window[e]=t();
tracker.init("API_KEY",{
ktid_check: true,
site_id: "ショップのドメイン",
subdomain: false
})}).call(this);
</script>
<script type="text/javascript">
var user_id = '[USER_ID]';
if (user_id !== ""){
tracker.user({
user_id: '[USER_ID]',
name: '[USER_ID]'
});
}
</script>
<script type="text/javascript">

tracker.buy({
transaction_id: '[ORDER_NUM]',
revenue: [TOTAL_AMOUNT]+0,
items: [

繰り返し部


{item_id: '[ITEM_CD_SYS]', name: decodeURI('[ITEM_NAME_UTF8_20]'), price: [ITEM_PRICE], quantity: [ITEM_COUNT]}

区切り文字


,

終了部


]
});
</script>
<script type="text/javascript">
tracker.track("in_cart",{
status: false
});
</script>

入力後、保存をクリックします。