1. A/BテストまたはスプリットURLテストの[目標]タブに移動し、[+ 新しい目標]をクリックします。
2. 左ペインから[売上]を選択し、テキストボックスに目標の内容が分かる名前を入力します。
3. [コピー]をクリックし、画面に表示されたコードを、売上を計算するWebサイトの購入確認ページのHTMLに貼り付けます。
window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue', 'c88QcBa', <<REVENUE AMOUNT>>]);
たとえば、価格の異なる商品を扱うECサイトを運営しているとします。ここで、ショッピングサイトで価格が$54の特定の商品を購入した訪問者による売上額を追跡するとします。この場合、以下のように、コードスニペット内の<<REVENUE AMOUNT>>を5400(54*100)に置き換える必要があります。
購入金額を追加する前のスクリプト
<script>
window.pagesense = window.pagesense || [];window.pagesense.push(['trackRevenue', 'c88QcBa', <<REVENUE AMOUNT>>]);
<\script>
購入金額を追加した後のスクリプト
<script>window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue','c88QcBa', 5400]);
<\script>
メモ
- 初期設定では、PageSenseは売上額を最小通貨単位であるセント単位で受け取ります。これは、米国、カナダ、オーストラリアなどでは1ドルの1/100、欧州諸国では1ユーロの1/100、インドでは1ルピーの1/100に相当します。使用する通貨での購入金額に100を掛ける必要があります(購入金額*100)。売上を解析するには、この値を指定する必要があります。売上追跡用コードスニペットの他の部分は変更しないでください。
- 売上額を整数としてPageSenseに渡すことも重要です。ただし、購入金額が$10.99などの浮動小数点数である場合は、1099(10.99*100)として渡す必要があります。
- 売上額を小数点なしのコンマ区切りの値として入力すると、PageSenseでは無効な入力と見なされ、ページ上のデータは追跡されません。1500のように、売上額にはコンマ(,)を使用しないでください。
たとえば、Webサイトでの購入金額の合計が「totalprice」というJavaScriptの変数に保存されているとします。この場合、以下のように、売上用コードスニペットの<<REVENUE AMOUNT>> の代わりに、変数「totalprice」を引数として渡す必要があります。
JavaScriptの変数を渡す前のスクリプト
<script>window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue', 'c88QcBa', <<REVENUE AMOUNT>>]);
<script>
JavaScriptの変数を渡した後のスクリプト
<script>window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue', 'c88QcBa', totalprice]);
<\script>
重要なポイント
- 上記のスクリプト内の「c88QcBa」はサンプルです。設定したテストによって異なります。
- PageSenseのコードスニペットは、売上目標のスクリプトより前にWebサイトへインストールする必要があります。
- 売上の変数は、WebサイトやECサイトごとに異なります。Webサイト用に設定した変数を渡してください。
5. [保存]をクリックしてから、[次へ]をクリックし、A/BテストまたはスプリットURLテストの残りの設定を続けます。
売上スクリプトを追加する前後のWebページのサンプルコードは、次のようになります。
<売上スクリプトを追加する前->
<script>
window.pagesense.push(['trackRevenue', 'c88QcBa', totalprice]);
}
6. データが収集されると、A/BテストまたはスプリットURLテストの[レポート]タブで売上を追跡できます。
window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue', 'c88QcBa', <<REVENUE AMOUNT>>]);
次に、PageSenseで個別に追跡する商品について、購入額(購入額×100)を売上コードスクリプトの<<REVENUE AMOUNT>> タグに渡して、売上コードを追加する必要があります。たとえば、売上を追跡する特定の商品の価格が$54の場合、売上コードには5,400と入力します。
この例に基づくと、サイトの確認ページのロジックは次のようになります。
<script>
function Purchase( ){
window.pagesense = window.pagesense || [];
スクリプト内の売上タグに渡す前に、売上の値がセント単位に変換されていること(100倍されていること)を確認してください。
売上追跡スクリプトは、取引が成功した後に表示されるWebサイトの確認ページまたはサンクスページに配置することをお勧めします。
売上目標が機能しない主な原因
売上目標を追跡するWebページに、Zoho PageSenseのプロジェクトコードが追加されていません。サイトにPageSenseコードを追加する方法をご確認ください。
入力した<<REVENUE AMOUNT>>がセント単位ではありません。金額が$54の場合は、54×100=5,400として追加する必要があります。
売上目標のコードスニペットで、売上の値と一緒に通貨記号も渡している可能性があります。
追跡する売上目標が別のドメインにある場合は、プロジェクトの設定でクロスドメイントラッキングオプション を有効にして、訪問者とコンバージョンを追跡します。
function injectPagesenseSnippet(onLoadCallBackFunction) {
const pageSenseScript = document.createElement('script');
pageSenseScript.type = 'text/javascript';
// Replace the snippet url below
pageSenseScript.src = '<SNIPPET_SRC>';
if (onLoadCallBackFunction && typeof onLoadCallBackFunction === 'function') {
pageSenseScript.onload = () => {
onLoadCallBackFunction()
}
}
document.head.appendChild(pageSenseScript);
}
analytics.subscribe('checkout_started', (event) => {
injectPagesenseSnippet()
});
function injectPagesenseSnippet(onLoadCallBackFunction) {
const pageSenseScript = document.createElement('script');
pageSenseScript.type = 'text/javascript';
// Replace the snippet url below
pageSenseScript.src = '<SNIPPET_SRC>';
if (onLoadCallBackFunction && typeof onLoadCallBackFunction === 'function') {
pageSenseScript.onload = () => {
onLoadCallBackFunction()
}
}
document.head.appendChild(pageSenseScript);
}
// Inject snippet for data tracking on checkout page
analytics.subscribe('checkout_started', (event) => {
injectPagesenseSnippet()
});
// Inject snippet for data tracking on `checkout complete` event
analytics.subscribe('checkout_completed', (event) => {
const checkout = event.data.checkout;
const checkoutTotalPrice = checkout.totalPrice?.amount;
const onLoadCallBackFunction = () => {
window.pagesense = window.pagesense || [];
// Replace the Revenue tracking goal snippet below.
window.pagesense.push(['trackRevenue', 'c88QcBa', 9900]);
}
injectPagesenseSnippet(onLoadCallBackFunction)
});
function injectPagesenseSnippet(onLoadCallBackFunction) {
const pageSenseScript = document.createElement('script');
pageSenseScript.type = 'text/javascript';
// Replace the snippet url below
pageSenseScript.src = '<SNIPPET_SRC>';
if (onLoadCallBackFunction && typeof onLoadCallBackFunction === 'function') {
pageSenseScript.onload = () => {
onLoadCallBackFunction()
}
}
document.head.appendChild(pageSenseScript);
}
// Inject snippet for data tracking on checkout page
analytics.subscribe('checkout_started', (event) => {
injectPagesenseSnippet()
});
// Inject snippet for data tracking on `checkout complete` event
analytics.subscribe('checkout_completed', (event) => {
const checkout = event.data.checkout;
const checkoutTotalPrice = checkout.totalPrice?.amount;
const onLoadCallBackFunction = () => {
window.pagesense = window.pagesense || [];
// Replace the Revenue tracking goal snippet below.
window.pagesense.push(['trackRevenue', 'ZMXP4LL', (checkoutTotalPrice * 100)]);
}
injectPagesenseSnippet(onLoadCallBackFunction)
});
上記のスクリプトでは、{{order.total_price}}は購入金額を保持するShopifyの変数です。
ページ内の売上コードの直前に、PageSenseのコードスニペットが追加されていることを確認してください。
売上目標の作成時に、テストの[目標]タブから固有の売上トラッキング目標を取得できます。