Shopify インテグレーション

Zenovay を Shopify ストアと統合して、包括的な e-コマース分析、売上追跡、顧客ジャーニーのインサイトを実現します。

インストール

テーマのインストール

1. Online Store -> Themes に移動
2. « Actions » -> « Edit code » をクリック
3. theme.liquid を探す
4. </head> の前に追加：

<script
  defer
  data-tracking-code="YOUR_TRACKING_CODE"
  src="https://api.zenovay.com/z.js">
</script>

Google Tag Manager

GTM を使用している場合：

1. 新しい Custom HTML タグを作成
2. Zenovay スクリプト タグを追加
3. All Pages でトリガー

自動Eコマーストラッキング

自動的にトラックされるイベント

イベント	タイミング
view_product	商品ページを閲覧したとき
add_to_cart	カートに商品を追加したとき
remove_from_cart	商品を削除したとき
begin_checkout	チェックアウトを開始したとき
add_payment_info	決済情報を入力したとき
purchase	注文が完了したとき

手動売上トラッキング

注文ステータスページ

設定 → チェックアウト → 注文ステータスページに追加します：

{% if first_time_accessed %}
<script>
if (window.zenovay) {
  zenovay('revenue', {{ total_price | money_without_currency | remove: ',' }}, '{{ currency }}', {
    order_id: '{{ order.name }}',
    shipping: {{ shipping_price | money_without_currency | remove: ',' }},
    tax: {{ tax_price | money_without_currency | remove: ',' }},
    items: [
      {% for item in line_items %}
      {
        id: '{{ item.sku | default: item.product_id }}',
        name: '{{ item.title | escape }}',
        price: {{ item.final_price | money_without_currency | remove: ',' }},
        quantity: {{ item.quantity }}
      }{% unless forloop.last %},{% endunless %}
      {% endfor %}
    ]
  });
}
</script>
{% endif %}

商品ページトラッキング

商品テンプレートに追加します：

<script>
document.addEventListener('DOMContentLoaded', function() {
  if (window.zenovay) {
    zenovay('track', 'view_product', {
      product_id: '{{ product.id }}',
      product_name: '{{ product.title | escape }}',
      price: {{ product.price | money_without_currency | remove: ',' }},
      category: '{{ product.type | escape }}',
      variant: '{{ product.selected_or_first_available_variant.title | escape }}'
    });
  }
});
</script>

顧客識別

チェックアウト後

{% if customer %}
<script>
if (window.zenovay) {
  zenovay('identify', '{{ customer.id }}', {
    email: '{{ customer.email }}',
    name: '{{ customer.name | escape }}',
    orders_count: {{ customer.orders_count }},
    total_spent: {{ customer.total_spent | money_without_currency | remove: ',' }}
  });
}
</script>
{% endif %}

ゴールの設定

購入ゴール

1. Zenovay → ゴールに移動します
2. ゴール「Purchase（購入）」を作成します
3. タイプ：イベント
4. イベント名：purchase

カートに追加ゴール

1. ゴール「Add to Cart（カートに追加）」を作成します
2. タイプ：イベント
3. イベント名：add_to_cart

コンバージョンファネル

標準的なEコマースファネル

商品閲覧     100%
    ↓
カートに追加  15%
    ↓
チェックアウト  8%
    ↓
購入          4%

ファネルの設定

1. ファネル → 作成に移動します
2. ステップを追加します：
   • view_product
   • add_to_cart
   • begin_checkout
   • purchase
3. 保存して分析します

多通貨サポート

顧客の通貨でトラック

<script>
if (window.zenovay) {
  zenovay('revenue', {{ total_price | money_without_currency | remove: ',' }}, '{{ cart.currency.iso_code }}');
}
</script>

トラブルシューティング

イベントがトラックされない場合

確認事項：

• トラッキングスクリプトが theme.liquid に追加されているか
• ウェブサイトIDが正しいか
• スタッフとして除外されていないか
• ブラウザコンソールにエラーがないか

売上が一致しない場合

確認事項：

• 通貨設定
• 税金・送料の算入
• 返金の処理
• テスト注文のトラッキング

次のステップ

• Eコマース売上ガイド
• コンバージョンファネル
• ソース別売上