Eコマース

zaraz.ecommerce()は、ページの<body>タグ内のどこでも使用できます。

zaraz.ecommerce()を使用すると、ユーザーが商品をカートに追加したり、チェックアウトフunnelを開始したり、ウェブサイトで注文を完了したりするなど、Eコマースユーザーの旅の一般的なイベントを追跡できます。これはasync関数であるため、他のコードを実行する前に完了したことを確認したい場合は、awaitを使用することができます。

zaraz.ecommerce()を使用するには、まずZarazアカウントでそれを有効にし、Eコマースデータを送信する予定のツールで有効にする必要があります。その後、ウェブサイトの<body>要素にzaraz.ecommerce()を追加します。

現在、ZarazのEコマースはGoogle Analytics 3（ユニバーサルアナリティクス）、Google Analytics 4、Bing、Facebook Pixel、Amplitude、Pinterest Conversions API、TikTok、Branchと互換性があります。

Eコマーストラッキングを有効にする

Eコマースイベントをトリガーにマッピングする必要はありません。Zarazは自動的にEコマースサポートを持つツールに正しい形式でデータを転送します。

Cloudflareダッシュボード ↗にログインし、アカウントとドメインを選択します。
Zaraz > 設定を選択します。
Eコマーストラッキングを有効にします。
保存を選択します。
Zaraz > ツール設定 > サードパーティツールに移動します。
Eコマーストラッキングで使用したいツールを見つけて編集を選択します。
設定を選択します。
高度な設定の下でEコマーストラッキングを有効にします。
保存を選択します。

Eコマーストラッキングが有効になりました。zaraz.ecommerce()を使用したい追加のツールをウェブサイトに追加する場合は、そのツールについて手順6-9を繰り返す必要があります。

ウェブサイトにEコマーストラッキングを追加する

ZarazダッシュボードでEコマーストラッキングを有効にした後、ウェブサイトの<body>要素にzaraz.ecommerce()を追加する必要があります：

zaraz.ecommerce('イベント名', { parameters });

完全なトラッキングイベントを作成するには、イベントと1つ以上のパラメータを追加する必要があります。以下に、Zarazがサポートするイベントとパラメータのリスト、およびさまざまなタイプのイベントのコード例を示します。

サポートされているイベントのリスト

Product List Viewed
Products Searched
Product Clicked
Product Added
Product Added to Wishlist
Product Removed
Product Viewed
Cart Viewed
Checkout Started
Checkout Step Viewed
Checkout Step Completed
Payment Info Entered
Order Completed
Order Updated
Order Refunded
Order Cancelled
Clicked Promotion
Viewed Promotion
Shipping Info Entered

サポートされているパラメータのリスト：

パラメータ	型	説明
`product_id`	String	商品ID。
`sku`	String	商品SKU番号。
`category`	String	商品カテゴリ。
`name`	String	商品名。
`brand`	String	商品ブランド名。
`variant`	String	商品のバリアント（商品によっては、色、サイズなど）。
`price`	Number	商品価格。
`quantity`	Number	商品の単位数。
`coupon`	String	商品に関連付けられたクーポンコードの名前またはシリアル番号。
`position`	Number	商品リスト内の商品の位置（例：`2`）。
`products`	Array	商品リストに表示される商品のリスト。
`products.[].product_id`	String	商品リストに表示される商品ID。
`products.[].sku`	String	商品リストに表示される商品SKU。
`products.[].category`	String	商品リストに表示される商品カテゴリ。
`products.[].name`	String	商品リストに表示される商品名。
`products.[].brand`	String	商品リストに表示される商品ブランド。
`products.[].variant`	String	商品リストに表示される商品バリアント。
`products.[].price`	Number	商品リストに表示される商品の価格。
`products.[].quantity`	Number	商品リストに表示される商品の数量。
`products.[].coupon`	String	商品リストに表示される商品に関連付けられたクーポンコードの名前またはシリアル番号。
`products.[].position`	Number	商品リスト内の商品の位置（例：`2`）。
`checkout_id`	String	チェックアウトID。
`order_id`	String	注文/取引/購入の内部ID。
`affiliation`	String	注文が発生したアフィリエイトの名前。
`total`	Number	割引やクーポンを含む収益。
`revenue`	Number	送料と税金を除いた収益。
`shipping`	Number	取引の送料。
`tax`	Number	取引の総税額。
`discount`	Number	取引の総割引額。
`coupon`	String	取引レベルで引き換えられたクーポンの名前またはシリアル番号。
`currency`	String	取引の通貨コード。
`value`	Number	数量後の商品の総価値。
`creative`	String	トラッキングされているプロモーションのクリエイティブ資産のラベル。
`query`	String	商品検索用語。
`step`	Number	チェックアウトプロセスにおけるチェックアウトステップの番号。
`payment_type`	String	使用された支払いの種類。

イベントコードの例

商品が表示された

zaraz.ecommerce('Product Viewed', {
  product_id: '999555321',
  sku: '2671033',
  category: 'T-shirts',
  name: 'VネックTシャツ',
  brand: 'クールブランド',
  variant: 'ホワイト',
  price: 14.99,
  currency: 'usd',
  value: 18.99,
});

商品リストが表示された

zaraz.ecommerce('Product List Viewed',
  {  products:
    [
    {
      product_id: '999555321',
      sku: '2671033',
      category: 'T-shirts',
      name: 'VネックTシャツ',
      brand: 'クールブランド',
      variant: 'ホワイト',
      price: 14.99,
      currency: 'usd',
      value: 18.99,
      position: 1,
    },{
      product_id: '999555322',
      sku: '2671034',
      category: 'T-shirts',
      name: 'Tシャツ',
      brand: 'クールブランド',
      variant: 'ピンク',
      price: 10.99,
      currency: 'usd',
      value: 16.99,
      position: 2,
    },
    ],
  }
);

商品が追加された

zaraz.ecommerce('Product Added', {
  product_id: '999555321',
  sku: '2671033',
  category: 'T-shirts',
  name: 'VネックTシャツ',
  brand: 'クールブランド',
  variant: 'ホワイト',
  price: 14.99,
  currency: 'usd',
  quantity: 1,
  coupon: 'SUMMER-SALE',
  position: 2,
});

チェックアウトステップが表示された

zaraz.ecommerce('Checkout Step Viewed', {
  step: 1,
});

注文が完了した

zaraz.ecommerce('Order Completed', {
  checkout_id: '616727740',
  order_id: '817286897056801',
  affiliation: 'affiliate.com',
  total: 30.0,
  revenue: 20.0,
  shipping: 3,
  tax: 2,
  discount: 5,
  coupon: 'winter-sale',
  currency: 'USD',
  products: [
    {
      product_id: '999666321',
      sku: '8251511',
      name: '男の子用ショーツ',
      price: 10,
      quantity: 2,
      category: 'ショーツ',
    },
    {
      product_id: '742566131',
      sku: '7251567',
      name: '無地Tシャツ',
      price: 5,
      quantity: 2,
      category: 'T-shirts',
    },
  ],
});

Cloudflare Dashboard Discord Community Learning Center Support Portal

Cookie Settings