バリエーションへの売上目標の追加

バリエーションへの売上目標の追加

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

PageSenseでは、訪問者がA/BテストまたはスプリットURLテストのページで購入や決済を完了した際に、Webサイトで発生した売上を測定できます。テストの各バリエーションの売上額を追跡するには、Webサイトの決済完了ページに、PageSenseのコードスニペットに加えて2行のJavaScriptコードを追加する必要があります。このコードでは、コンバージョンを追跡する売上額を設定する必要があります。通常、売上目標はWebサイトの「サンクスページ」または「決済確認ページ」に設定します。これにより、各バリエーションが元のバージョンと比較してビジネスの売上の合計にどのような影響を与えるかを追跡できます。さらに、必要な売上コードをサイトに追加すると、各バリエーションについて、訪問者1人あたりの売上、決済した訪問者1人あたりの売上、購入1件あたりの売上をレポートページで確認できます。
Idea
たとえば、ECサイトで購入ごとに発生した売上を追跡し、A/Bテストのどのバリエーションがより高い成果を上げ、ビジネスにより大きな利益をもたらすかを分析するとします。この場合、ショッピングサイトの「サンクスページ」または「購入確認ページ」に、売上追跡用のコードスニペットを追加できます。
また、売上目標を使用して、どの広告キャンペーンや通知キャンペーンがWebサイトで最も効果を上げているかを確認することもできます。たとえば、Webページの一方のバージョンではカートを放棄した訪問者向けに追加の割引価格を提示し、もう一方では配送料無料のクーポンコードを提供しているとします。各キャンペーンで得られた購入数を追跡し、最も多いキャンペーンを確認することで、今後のセールでも同じキャンペーン案を使用するかどうかを判断できます。

テストの売上目標を設定するには

1. A/BテストまたはスプリットURLテストの[目標]タブに移動し、[+ 新しい目標]をクリックします。
2. 左ペインから[売上]を選択し、テキストボックスに目標の内容が分かる名前を入力します。

3. [コピー]をクリックし、画面に表示されたコードを、売上を計算するWebサイトの購入確認ページのHTMLに貼り付けます。




4. 以下のコード内にある<<REVENUE AMOUNT>> タグを、追跡する購入の累計金額を示す通貨の値または変数に置き換えます。
window.pagesense = window.pagesense || [];
window.pagesense.push(['trackRevenue', 'c88QcBa', <<REVENUE AMOUNT>>]);
コードスニペットでは、静的な値と動的な値の両方を渡して売上額を追跡できます。例を使用して説明します。
  1. 固定の通貨値を渡すには
    スクリプト内の<<REVENUE AMOUNT>>タグを、購入金額に100を掛けた値(購入金額*100)に置き換える必要があります。売上コードに個別の値を渡すこの方法を使用すると、ECサイト上の特定の商品、新発売の商品、割引商品、需要の高い商品による売上の合計や利益を測定できます。また、どの種類のサブスクリプションプランがWebサイトに高い売上をもたらしているかを特定することもできます。
Ideaたとえば、価格の異なる商品を扱う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>
Alert
メモ
  1. 初期設定では、PageSenseは売上額を最小通貨単位であるセント単位で受け取ります。これは、米国、カナダ、オーストラリアなどでは1ドルの1/100、欧州諸国では1ユーロの1/100、インドでは1ルピーの1/100に相当します。使用する通貨での購入金額に100を掛ける必要があります(購入金額*100)。売上を解析するには、この値を指定する必要があります。売上追跡用コードスニペットの他の部分は変更しないでください。
  2. 売上額を整数としてPageSenseに渡すことも重要です。ただし、購入金額が$10.99などの浮動小数点数である場合は、1099(10.99*100)として渡す必要があります。
  3. 売上額を小数点なしのコンマ区切りの値として入力すると、PageSenseでは無効な入力と見なされ、ページ上のデータは追跡されません。1500のように、売上額にはコンマ(,)を使用しないでください。
  1. 動的な売上額を渡すには
    Webサイトでの購入ごとの売上を保存するJavaScriptの変数を渡すことで、発生した売上の合計を追跡することもできます。
Ideaたとえば、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>
重要なポイント
  1. 上記のスクリプト内の「c88QcBa」はサンプルです。設定したテストによって異なります。
  2. PageSenseのコードスニペットは、売上目標のスクリプトより前にWebサイトへインストールする必要があります。
  3. 売上の変数は、WebサイトやECサイトごとに異なります。Webサイト用に設定した変数を渡してください。

5. [保存]をクリックしてから、[次へ]をクリックし、A/BテストまたはスプリットURLテストの残りの設定を続けます。

売上スクリプトを追加する前後のWebページのサンプルコードは、次のようになります。

<売上スクリプトを追加する前->
<script>

            function Purchase( ){
             //ここに売上目標を追加します  
}
  <\script> 
   
 <コードスニペットを追加した後->
<script>
                  function Purchase( ){
                  window.pagesense = window.pagesense || [];

window.pagesense.push(['trackRevenue', 'c88QcBa', totalprice]);

}

<\script>

6. データが収集されると、A/BテストまたはスプリットURLテストの[レポート]タブで売上を追跡できます。

1つのページへの複数の売上目標の設定

初期設定では、PageSenseで作成できる売上追跡目標は、テストごとに1件です。ただし、Webサイトのサンクスページや確認ページなど、1つのページで複数の売上目標を追跡する場合は、複数の売上追跡目標を追加できます。
Idea
たとえば、ショッピングサイトで発生するすべての取引の売上を取得し、さらに訪問者が購入する一部の特別商品についても売上を追跡するとします。
この場合、まず、Webサイトの購入金額を保存する変数を、以下の売上コードスクリプトの<<REVENUE AMOUNT>>タグに渡し、購入した商品にかかわらず全体の売上を追跡する売上コードを追加する必要があります。
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 || [];

window.pagesense.push(['trackRevenue', 'c88QcBa', totalprice]);

      window.pagesense = window.pagesense || [];
      window.pagesense.push(['trackRevenue', 'c88QcBb', 5400]);
}
<\script>
Notes
メモ:
  • スクリプト内の売上タグに渡す前に、売上の値がセント単位に変換されていること(100倍されていること)を確認してください。

  • 売上追跡スクリプトは、取引が成功した後に表示されるWebサイトの確認ページまたはサンクスページに配置することをお勧めします。

Info
また、Google タグ マネージャーを使用してPageSenseの売上目標を挿入する方法については、こちらのドキュメントも参照できます。
Alert

売上目標が機能しない主な原因

  • 売上目標を追跡するWebページに、Zoho PageSenseのプロジェクトコードが追加されていません。サイトにPageSenseコードを追加する方法をご確認ください。

  • 入力した<<REVENUE AMOUNT>>がセント単位ではありません。金額が$54の場合は、54×100=5,400として追加する必要があります。

  • 売上目標のコードスニペットで、売上の値と一緒に通貨記号も渡している可能性があります。

  • 追跡する売上目標が別のドメインにある場合は、プロジェクトの設定でクロスドメイントラッキングオプション を有効にして、訪問者とコンバージョンを追跡します。

Shopify Webサイトでの売上追跡目標の設定

Shopify WebサイトにPageSenseのJSコードを追加すると、サイトの「チェックアウト」ページと「サンクス」ページを除くすべてのページに追加されます。ただし、「サンクス」ページに売上追跡目標を設定する場合は、次の手順を実行します。

1. Shopifyアカウント
https://accounts.shopify.com/store-login にログインし、[設定]→[顧客イベント]→[カスタムピクセルを追加]に移動します。



2.
カスタムピクセル内に以下のコードを追加します。

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()

});


3. <SNIPPET_SRC>を、Shopifyサイトの追跡に使用する対象プロジェクトのPageSense追跡コードスニペットに置き換えます。

4. PageSenseのコードスニペットを追加したら、以下のように、同じ項目内でPageSenseコードの直後に売上追跡コードを貼り付けます。コードスニペットには静的な値と動的な値の両方を渡して、売上の値を追跡できます。
  1. 特定の商品の売上を追跡するには、以下のコードをテキストボックスにコピーして貼り付け、「revenue」を追跡する購入額(購入額×100)に置き換えます。
    <script>
    window.pagesense = window.pagesense || [];
    window.pagesense.push(['trackRevenue','replace with your unique code', revenue])
    <script>

    たとえば、ECサイトで価格が$99の特定の商品を購入した訪問者による売上を追跡するとします。この場合、以下のように、コードスニペット内のrevenueを9,900(99×100)に置き換える必要があります。

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)

});


  1. Webサイトで発生した売上の合計を追跡するには、次のコードをテキストボックスに貼り付ける必要があります。

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)

});





Notes
メモ:
  • 上記のスクリプトでは、{{order.total_price}}は購入金額を保持するShopifyの変数です。

  • ページ内の売上コードの直前に、PageSenseのコードスニペットが追加されていることを確認してください。

  • 売上目標の作成時に、テストの[目標]タブから固有の売上トラッキング目標を取得できます。


4. 完了したら、[保存]をクリックします。

この説明が分かりやすく、手順を簡単にご理解いただく一助となれば幸いです。詳しい説明が必要な場合やご不明な点がある場合は、いつでも次のメールアドレスsupport@zohopagesense.comまでお気軽にお問い合わせください。