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の変数》

注文番号 {% analytics.order_no %}
※定期購買商品の場合は  {% analytics.subscription_no %}

合計金額 {% analytics.purchase_price_with_options_including_tax %}

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

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

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の変数をもとに、独自にカスタマイズを行なったものです。設定がうまくいかない場合は、最新の変数をご確認ください。

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