メインコンテンツへスキップ
Pro プラン20 minutes中級

Eコマースアナリティクスのセットアップ

EコマースストアにZenovayアナリティクスを設定するための完全ガイド。詳細については、この業界ガイドをご覧ください。

ecommercesetupshopifywoocommercestore
最終更新日:

カスタムイベント、収益属性、コンバージョンファネルを使用して、Eコマースストアの分析をセットアップします。

Eコマースアナリティクスの概要

Zenovay追跡スクリプトを追加し、ストアからいくつかのカスタムイベントを送信することで、以下を分析できます:

追跡対象方法
ページビューとセッションスクリプト インストール後、自動的に
商品ビュー、カート操作zenovay('track', ...) 経由のカスタムイベント
収益と注文接続された支払いプロバイダー (Stripe、PayPal、Paddle) または zenovay('revenue', ...)
コンバージョンファネルJourneys タブまたは zenovay('defineFunnel', ...)
カスタマージャーニーJourneys タブの購入パス

有効にする必要がある別の「Eコマースモード」はありません。標準追跡スクリプトをインストールしてから、JavaScript API でストアイベントを送信します。

プラットフォーム固有のセットアップ

Shopify

追跡スクリプトをテーマにインストールしてから、ストアイベントを送信します。

  1. Shopify 管理画面で、Online StoreThemes に移動
  2. アクティブなテーマで ActionsEdit code をクリック
  3. Layout/theme.liquid を開く
  4. 終了タグ </head> の直前に追跡スクリプトを貼り付け:
<script
  defer
  data-tracking-code="YOUR_TRACKING_CODE"
  src="https://api.zenovay.com/z.js">
</script>

商品と注文イベントを送信するには、その後に小さなスクリプトを追加して、テーマの商品およびチェックアウトテンプレートに統合し、Zenovay API を呼び出します:

// 商品ビュー (例: 商品テンプレート上)
zenovay('track', 'product_viewed', {
  product_id: '{{ product.id }}',
  product_name: '{{ product.title }}',
  price: {{ product.price | divided_by: 100.0 }},
  currency: '{{ shop.currency }}'
});

// カートに追加 (カート追加ハンドラーに接続)
zenovay('track', 'add_to_cart', {
  product_id: variantId,
  quantity: 1,
  price: price
});

// 購入 (注文確認/ありがとうページ上)
zenovay('revenue', orderTotal, currency, {
  order_id: orderId
});

情報

Zenovay には、ワンクリック Shopify アプリはありません。インストールはスクリプトをテーマに追加し、JavaScript API でイベントを送信することで行われます。利用可能な正確な Liquid 変数は、スクリプトを配置するテンプレートによって異なります。

WooCommerce

テーマの functions.php に追跡スクリプトとイベントフックを追加します (またはコード スニペット プラグインを使用):

// Zenovay 追跡スクリプトを追加
add_action('wp_head', function() {
  ?>
  <script
    defer
    data-tracking-code="YOUR_TRACKING_CODE"
    src="https://api.zenovay.com/z.js">
  </script>
  <?php
});

// 商品ビューを追跡
add_action('woocommerce_after_single_product', function() {
  global $product;
  ?>
  <script>
    zenovay('track', 'product_viewed', {
      product_id: '<?php echo $product->get_id(); ?>',
      product_name: '<?php echo esc_js($product->get_name()); ?>',
      price: <?php echo $product->get_price(); ?>,
      category: '<?php echo esc_js(wc_get_product_category_list($product->get_id())); ?>'
    });
  </script>
  <?php
});

// 購入を追跡
add_action('woocommerce_thankyou', function($order_id) {
  $order = wc_get_order($order_id);
  ?>
  <script>
    zenovay('revenue', <?php echo $order->get_total(); ?>, '<?php echo $order->get_currency(); ?>', {
      order_id: '<?php echo $order_id; ?>'
    });
  </script>
  <?php
});

情報

Zenovay は専用の WooCommerce プラグインを公開していません。上記の統合は、標準追跡スクリプトと JavaScript API を使用した手動 functions.php スニペットです。

BigCommerce

StorefrontScript Manager に追加:

<script
  data-tracking-code="YOUR_TRACKING_CODE"
  src="https://api.zenovay.com/z.js">
</script>
<script>
  // BigCommerce 商品追跡
  document.addEventListener('DOMContentLoaded', function() {
    if (typeof BCData !== 'undefined' && BCData.product_attributes) {
      zenovay('track', 'product_viewed', {
        product_id: BCData.product_attributes.sku,
        product_name: BCData.product_attributes.name,
        price: BCData.product_attributes.price.without_tax.value
      });
    }
  });
</script>

カスタムストア

任意のプラットフォーム用に、スクリプトをインストールし、独自のコードから API を呼び出します:

<script
  data-tracking-code="YOUR_TRACKING_CODE"
  src="https://api.zenovay.com/z.js">
</script>
// 商品ビュー
function trackProductView(product) {
  zenovay('track', 'product_viewed', {
    product_id: product.id,
    product_name: product.name,
    price: product.price,
    category: product.category,
    currency: 'USD'
  });
}

// カートに追加
function trackAddToCart(product, quantity) {
  zenovay('track', 'add_to_cart', {
    product_id: product.id,
    product_name: product.name,
    quantity: quantity,
    price: product.price,
    cart_value: getCartTotal()
  });
}

// カートから削除
function trackRemoveFromCart(product) {
  zenovay('track', 'remove_from_cart', {
    product_id: product.id,
    product_name: product.name
  });
}

// チェックアウト開始
function trackCheckoutStart(cart) {
  zenovay('track', 'checkout_started', {
    cart_value: cart.total,
    item_count: cart.items.length
  });
}

// 購入完了 — 収益 API を使用して属性レポートにカウントされるようにする
function trackPurchase(order) {
  zenovay('revenue', order.total, order.currency, {
    order_id: order.id,
    tax: order.tax,
    shipping: order.shipping
  });
}

情報

購入には zenovay('revenue', amount, currency, metadata) を使用してください。単純な zenovay('track', 'purchase', ...) はカスタムイベントを記録しますが、収益と属性レポートには入力されません。

カスタム Eコマースイベント

zenovay('track', name, properties) は、任意のイベント名と任意のプロパティオブジェクトを受け入れます。以下の名前は有用な規約であり、固定スキーマではありません。ファネルとレポートが一致するように一貫性を保つ。

推奨イベント有用なプロパティ
product_viewedproduct_id, product_name, price, category
add_to_cartproduct_id, quantity, price, cart_value
remove_from_cartproduct_id, quantity
checkout_startedcart_value, item_count
購入zenovay('revenue', amount, currency, { order_id }) を使用

商品プロパティ

{
  product_id: "SKU-123",
  product_name: "Blue T-Shirt",
  price: 29.99,
  currency: "USD",
  category: "Apparel/T-Shirts",
  variant: "Large/Blue",
  brand: "Acme",
  quantity: 1
}

コンバージョンファネルの設定

ファネルは、ウェブサイトのダッシュボードの Journeys タブにあります。

  1. ウェブサイトのダッシュボードを開く (Domains → サイトを選択)
  2. Journeys タブを開いて、Funnels サブタブを開く
  3. Add Funnel をクリックしてステップを定義

各ステップはページまたはカスタムイベントです。典型的な購入ファネル:

ステップイベント/ページ
1商品を表示
2カートに追加
3チェックアウト開始
4購入完了

コードでファネルを定義することもできます。初めて表示されるときに自動的に作成されます:

zenovay('defineFunnel', 'checkout_flow', [
  { name: 'Product', event: 'product_viewed' },
  { name: 'Cart', event: 'add_to_cart' },
  { name: 'Checkout', event: 'checkout_started' }
]);

同じ Journeys タブの Goals サブタブでは、Add Goal ボタンで個々のコンバージョンゴール (完了した購入など) を作成できます。

収益レポート

収益と属性レポートは、ウェブサイトのダッシュボードの Revenue タブにあります。

支払いプロバイダーを接続

収益を追跡する最も確実な方法は、支払いプロバイダーを接続して、Zenovay が注文を訪問者セッションにリンクできるようにすることです。

  1. ウェブサイトのダッシュボードを開く
  2. SettingsRevenue (ドメイン固有の設定) に移動
  3. StripePayPal、または Paddle を接続して保存

プロバイダーを接続できない場合は、zenovay('revenue', amount, currency, metadata) でクライアントから収益を送信してください。

Revenue タブに表示される内容

  • Total Revenue: 記録された注文の合計
  • Orders: トランザクション数
  • AOV: 平均注文額
  • Revenue by source: どのトラフィックソースが収益を生成したか
  • Attribution: カスタマージャーニーの複数チャネルに分散した収益

属性は複数のモデルをサポートします (ファーストタッチ、ラストタッチ、線形を含む)。収益レポートには Pro プラン以上が必要です。

カート分析

add_to_cart および収益イベントを一貫して送信すると、カート関連のファネルを作成し、買い物客がカートから購入までどこで離脱するかを調べることができます。

// カート更新
zenovay('track', 'cart_updated', {
  cart_value: 149.99,
  item_count: 3
});

// カート表示
zenovay('track', 'cart_viewed', {
  cart_value: 149.99,
  item_count: 3
});

セットアップをテスト

追跡を確認

  1. ストアを開く
  2. スクリプトをデバッグモードでロードします。スクリプトタグに data-debug="true" を追加するか、ブラウザコンソールで zenovay('debug') を実行
  3. アクションを実行:
    • 商品を表示
    • カートに追加
    • チェックアウト開始
    • テスト購入を完了
  4. ブラウザコンソールで Zenovay メッセージを確認
  5. アクティビティが Zenovay ダッシュボードに表示されることを確認

テスト購入

  1. テスト支払いが利用可能な場合は使用
  2. フルチェックアウトを完了
  3. 注文が Revenue タブに表示されることを確認
  4. 正しいソースに属性付けされていることを確認

よくある問題

収益が表示されない

  • revenue イベントが注文確認ページで発火することを確認 (または支払いプロバイダーが接続されている)
  • 金額が数字であることを確認
  • スクリプトがロードされた後にイベントが発火することを確認

商品が追跡されない

  • product_viewed イベントが発火することを確認
  • product_id がイベント全体で一貫していることを確認
  • スクリプトがすべての商品ページにあることを確認

カート放棄が間違っているように見える

  • checkout_started を一貫して追跡
  • 注文ごとに収益イベントを 1 回だけ発火
  • 払い戻しを新しい購入として追跡しない

ベストプラクティス

  1. 一貫した商品 ID を使用

    • すべてのイベント間で同じ ID
    • SKU またはデータベース ID が機能します
  2. 主要なトランザクションデータを含める

    • 金額と通貨
    • 重複排除用の注文 ID
  3. 完全なジャーニーを追跡

    • 最初の訪問から購入まで
    • 各ステップで対応するイベントを送信
  4. 徹底的にテスト

    • ステージングで最初に確認
    • すべての商品タイプをテスト
    • ファネルの精度を確認

次のステップ

この記事は役に立ちましたか?