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

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

Welcartについて

Welcartは、日本初のWordpress専用ショッピングカートです。Wordpressの公式プラグインで、世界のWebサイトの約30%が採用しているオープンソースのCMSです。

Welcart 公式サイト

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

Welcartのテーマ全ヘッダーにITP対応コードを追加

WelcartがインストールされているWordPressのダッシュボードにアクセスし、画面左メニューの「外観」→「テーマエディター」をクリックしてください。

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

右上の「編集するテーマを選択」でWelcartのテーマが選択されている事を確認して次にステップに進んでください。

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

右のファイル一覧より、「テーマヘッダー(header.php)」をクリックしてください。

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

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

Monetrack追跡コードの設置

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

Monetrack 追跡コード設定方法

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>

Monetrack追跡コードの設置

ワードプレスのテーマファイル編集ページにもどり、「テーマヘッダー(header.php)」ファイルにマネトラックの管理画面よりコピーした追跡コードを<head></head>内にはりつけてください。

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

ヘッダー内にマネトラックのITP対応追跡コードが正しく設置されている事を確認の上、「ファイルを更新」をクリックしてください。

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

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

Welcartのテーマ注文完了ページに追跡コード設置

WordPressのダッシュボードにアクセスし、画面左メニューの「外観」→「テーマエディター」ボタンをクリックしてください。

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

Welcartのテーマファイルが選択されている事を確認して、右メニューのテーマファイル一覧リストの「wc_templates」→「cart」→「wc_completion_page.php」をクリックして、ファイルにアクセスしてください。

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

マネートラックの管理画面のヘッダーメニューの「設定管理」→「追跡コード」にアクセスしてください。

Monetrack追跡コードの設置

こちらのステップではWelcart の変数へとカスタマイズを行います。以下の変数を「貴サイトでお使いの変数」の列に入力してください。さらに詳しい設定については、「Welcart テンプレートタグ一覧」 をご確認ください。

《Welcartで使用可能な変数》
注文番号 usces_the_itemCode()
合計金額 usces_totalprice_in_cart()

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

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

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

Monetrack追跡コードの設置

WordPress管理画面「wc_completion_page.php」ファイルに戻り、<?get_header(); ?>
タグ直後に、コピーした追跡コードを設置してください。

購入完了ページに追跡コードが設置されました。

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

「wc_completion_page.php」にコードが正しく設置されているかを確認の上、「ファイルを更新」をクリックしてください。

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

設定完了

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

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

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