Welcart + WordPress 追跡コード設定方法
Welcartのカートシステムをご利用の広告主様向けに、追跡コードの設定方法をご案内いたします。
Welcartについて
Welcartは、日本初のWordpress専用ショッピングカートです。Wordpressの公式プラグインで、世界のWebサイトの約30%が採用しているオープンソースのCMSです。
Welcartのテーマ全ヘッダーにITP対応コードを追加
WelcartがインストールされているWordPressのダッシュボードにアクセスし、画面左メニューの「外観」→「テーマエディター」をクリックしてください。
右上の「編集するテーマを選択」でWelcartのテーマが選択されている事を確認して次にステップに進んでください。
右のファイル一覧より、「テーマヘッダー(header.php)」をクリックしてください。
マネートラックのダッシュボードにアクセスし、管理画面右上メニューの「設定管理」→「追跡コード」をクリックしてください。
追跡コードページを表示し「物販向け追跡コード」→「ITP対応追跡コード」にアクセスしてください。
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>
ワードプレスのテーマファイル編集ページにもどり、「テーマヘッダー(header.php)」ファイルにマネトラックの管理画面よりコピーした追跡コードを<head></head>内にはりつけてください。
ヘッダー内にマネトラックのITP対応追跡コードが正しく設置されている事を確認の上、「ファイルを更新」をクリックしてください。
貴社のショップページ全ヘッダーに物販トラッキングコード(ITP対応)が挿入されました。次にコンバージョンページの追跡コードの設置ステップに移ってください。
Welcartのテーマ注文完了ページに追跡コード設置
WordPressのダッシュボードにアクセスし、画面左メニューの「外観」→「テーマエディター」ボタンをクリックしてください。
Welcartのテーマファイルが選択されている事を確認して、右メニューのテーマファイル一覧リストの「wc_templates」→「cart」→「wc_completion_page.php」をクリックして、ファイルにアクセスしてください。
マネートラックの管理画面のヘッダーメニューの「設定管理」→「追跡コード」にアクセスしてください。
こちらのステップではWelcart の変数へとカスタマイズを行います。以下の変数を「貴サイトでお使いの変数」の列に入力してください。さらに詳しい設定については、「Welcart テンプレートタグ一覧」 をご確認ください。
《Welcartで使用可能な変数》
注文番号 usces_the_itemCode()
合計金額 usces_totalprice_in_cart()
「購入完了ページに設置の追跡コード」→「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>
WordPress管理画面「wc_completion_page.php」ファイルに戻り、<?get_header(); ?>
タグ直後に、コピーした追跡コードを設置してください。
購入完了ページに追跡コードが設置されました。
「wc_completion_page.php」にコードが正しく設置されているかを確認の上、「ファイルを更新」をクリックしてください。
設定完了
設定完了後は、弊社にて成果疎通テストを行いますので、マネートラックサポートまでご連絡ください。弊社の管理画面よりメッセージが送信できます。
なお、上記コードは、2020年9月1日現在、マネートラックが確認したWelcartの変数をもとに、独自にカスタマイズを行なったものです。設定がうまくいかない場合は、最新の変数をご確認ください。