futureshop 追跡コード設定方法

futureshop のカートシステムをご利用の広告主様向けに、追跡コードの設定方法をご案内いたします。

futureshop について

futureshopは2,400以上の店舗が利用している、ECサイト構築プラットフォームです。高いデザインカスタマイズ性を備えながら、定期的に機能追加やバージョンアップが適用されているのが魅力です。

futureshop 公式サイト

futureshop追跡コード設定方法

futureshop全ヘッダーにITP対応コードを追加

この作業では貴社のfutureshop の全ヘッダーにマネトラックの追跡コードを入力する手順を説明しています。

futureshop の管理画面TOPにアクセスし、上部メニューの「設定」タブをクリックしてください。

futureshop追跡コード設定方法

左のメニューから「プロモーション管理」→「測定タグ一覧」をクリックしてください。

futureshop追跡コード設定方法

右画面一番したにある、「測定タグを追加する」をクリックしてください。

futureshop追跡コード設定方法

マネトラックのダッシュボードにアクセスし、「設定管理」→「追跡コード」をクリックしてください。

Monetrack追跡コードの設置

追跡コードページにアクセスし、「物販向け追跡コード」→「ITP対応追跡コード」をクリックしてください。

Monetrack 追跡コード設定方法

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>

Monetrack追跡コードの設置

futureshop の「測定タグ設定」ページに戻り、ヘッダーエリアに追跡コードを設置します。

利用設定のチェックボックスをチェックしてください。
お好きな「設定名(必須)」をつけてください。参考画像では「マネトラックヘッダー物販追跡コード」としています。

futureshop追跡コード設定方法

測定タグ設定ページの「共通出力」の「出力設定」→「<head>タグ内に出力する」をチェックしてください。

出力内容の入力欄に、マネトラックの管理画面からコピーした追跡コードを貼り付けてください。

futureshop追跡コード設定方法

「保存する」ボタンをクリックして、futureshop 測定タグ設定を保存します。

futureshop追跡コード設定方法

貴社のショップページ全ヘッダーに物販トラッキングコード(ITP対応)が挿入されました。次にコンバージョンページの追跡コードの設置ステップに移ってください。

futureshop 購入完了ページにコンバージョンページの追跡コードを設置

futureshopの管理画面に戻り、「測定タグ一覧」ページ右画面一番したにある、「測定タグを追加する」をクリックしてください。

futureshop追跡コード設定方法

マネトラックのダッシュボードに戻り、物販向け追跡コードページ最下部にある「パラメーター設定」に移動してください。

Monetrack追跡コード設定方法

こちらのステップではfutureshopの変数へとカスタマイズを行います。以下の変数を「貴サイトでお使いの変数」の列に入力してください。さらに詳しい設定については、futureshop売上型 トラッキングタグ(繰り返し)以外 置換文字一覧 をご確認ください。

《futureshopの変数》

注文番号 $ORDER_ID$
商品ID $GOODS_NO$
商品単価$UNIT_PRICE$
商品数量 $BUY_COUNT$
合計金額 $TOTAL_GOODS_AMOUNT$

futureshop 追跡コード設定方法

「購入完了ページに設置の追跡コード」→「A: コンバージョンページの追跡コード(推奨)」に前のステップで入力した変数が入力されているかを確認の上、「コードをコピー」をクリックしてコピーしてください。もしくは、以下のコードをコピーしてください。

《コンバージョンページの追跡コード》
<script>
var orderID = "$ORDER_ID$";
var totalCost = "$GOODS_AMOUNT$";
var productInfo = [];
productInfo.push({
product_id: "$GOODS_NO$",
product_price: "$UNIT_PRICE$",
product_quantity: "$BUY_COUNT$",
product_name: "$GOODS_NAME$"
});
</script>

イージーマイショップ追跡コード設定方法

futureshop の「測定タグ設定」ページに戻り、注文完了ページにコピーしたコンバージョンタグを埋め込みます。

「利用設定」のチェックボックスをチェックしてください。
お好きな「設定名(必須)」をつけてください。参考画像では「マネトラック購入完了ページに設置の追跡コード」としています。

futureshop追跡コード設定方法

測定タグ設定ページの「注文完了ページ」「出力設定」→「</body>タグ内(bodyタグの前)に出力する」をチェックしてください。

出力内容の入力欄に、マネトラックの管理画面からコピーしたコンバージョンコードを貼り付けてください。

futureshop追跡コード設定方法

コンバージョンページの追跡コードが入力されている事を確認した上、「保存ボタン」をクリックしてください。購入完了ページに追跡コードが設置されました。

futureshop追跡コード設定方法

設定完了

設定完了後は、弊社にて成果疎通テストを行いますので、マネートラックサポートまでご連絡ください。弊社の管理画面よりメッセージが送信できます。

なお、上記コードは、2020年9月1日現在、マネートラックが確認したfutureshopの変数をもとに、独自にカスタマイズを行なったものです。設定がうまくいかない場合は、最新の変数をご確認ください。

Welcart + WordPress 追跡コード設定方法