futureshop 追跡コード設定方法
futureshop のカートシステムをご利用の広告主様向けに、追跡コードの設定方法をご案内いたします。
futureshop について
futureshopは2,400以上の店舗が利用している、ECサイト構築プラットフォームです。高いデザインカスタマイズ性を備えながら、定期的に機能追加やバージョンアップが適用されているのが魅力です。
futureshop全ヘッダーにITP対応コードを追加
この作業では貴社のfutureshop の全ヘッダーにマネトラックの追跡コードを入力する手順を説明しています。
futureshop の管理画面TOPにアクセスし、上部メニューの「設定」タブをクリックしてください。
左のメニューから「プロモーション管理」→「測定タグ一覧」をクリックしてください。
右画面一番したにある、「測定タグを追加する」をクリックしてください。
マネトラックのダッシュボードにアクセスし、「設定管理」→「追跡コード」をクリックしてください。
追跡コードページにアクセスし、「物販向け追跡コード」→「ITP対応追跡コード」をクリックしてください。
ITP対応物販トラッキングコードが表示されている事を確認し、「コードをコピー」をクリック、もしくは以下のコードをコピーしてください。
《全ページに設置する追跡コード》
<script type='text/javascript'>
(function(d) {
var scriptTrack = document.createElement('script');
scriptTrack.src = 'https://assets.monetrack.com/scripts/track.js';
scriptTrack.async = true;
document.getElementsByTagName('head')[0].appendChild(scriptTrack);
})(document);
</script>
futureshop の「測定タグ設定」ページに戻り、ヘッダーエリアに追跡コードを設置します。
利用設定のチェックボックスをチェックしてください。
お好きな「設定名(必須)」をつけてください。参考画像では「マネトラックヘッダー物販追跡コード」としています。
測定タグ設定ページの「共通出力」の「出力設定」→「<head>タグ内に出力する」をチェックしてください。
出力内容の入力欄に、マネトラックの管理画面からコピーした追跡コードを貼り付けてください。
「保存する」ボタンをクリックして、futureshop 測定タグ設定を保存します。
貴社のショップページ全ヘッダーに物販トラッキングコード(ITP対応)が挿入されました。次にコンバージョンページの追跡コードの設置ステップに移ってください。
futureshop 購入完了ページにコンバージョンページの追跡コードを設置
futureshopの管理画面に戻り、「測定タグ一覧」ページ右画面一番したにある、「測定タグを追加する」をクリックしてください。
マネトラックのダッシュボードに戻り、物販向け追跡コードページ最下部にある「パラメーター設定」に移動してください。
こちらのステップではfutureshopの変数へとカスタマイズを行います。以下の変数を「貴サイトでお使いの変数」の列に入力してください。さらに詳しい設定については、futureshop売上型 トラッキングタグ(繰り返し)以外 置換文字一覧 をご確認ください。
《futureshopの変数》
注文番号 {% analytics.order_no %}
※定期購買商品の場合は {% analytics.subscription_no %}
合計金額 {% analytics.purchase_price_with_options_including_tax %}
futureshop の「測定タグ設定」ページに戻り、注文完了ページにコンバージョンタグを埋め込みます。
「利用設定」のチェックボックスをチェックしてください。
お好きな「設定名(必須)」をつけてください。参考画像では「マネトラック購入完了ページに設置の追跡コード」としています。
測定タグ設定ページの「注文完了ページ」の「出力設定」→「</body>タグ内(bodyタグの前)に出力する」をチェックしてください。
「注文完了ページ」→「出力内容」に以下のコードを挿入してください。
<script>
var orderID = "{% analytics.order_no %}";
var totalCost = "{% analytics.purchase_price_with_options_including_tax %}";
var productInfo = [];
productInfo.push({
product_id: "",
product_name: ""
});
</script>
コンバージョンページの追跡コードが入力されている事を確認した上、「保存ボタン」をクリックしてください。購入完了ページに追跡コードが設置されました。
設定完了
設定完了後は、弊社にて成果疎通テストを行いますので、マネートラックサポートまでご連絡ください。弊社の管理画面よりメッセージが送信できます。
なお、上記コードは、2020年9月1日現在、マネートラックが確認したfutureshopの変数をもとに、独自にカスタマイズを行なったものです。設定がうまくいかない場合は、最新の変数をご確認ください。