> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# はじめに

> Kameleoon に商品トラッキングメソッドを実装し、キャンペーンでソーシャルプルーフィングや高度な商品ベースのターゲティングを有効化します。

Kameleoon の **Product API** は、[**ソーシャルプルーフィングメッセージ**](./social-proofing)と[**高度なターゲティング条件**](./product-targeting)の両方を動かします。

Kameleoon の **ソーシャルプルーフィング** と **ターゲティング** 機能を最大限活用するため、以下に説明するトラッキングメソッドを正しく実装してください。実装が完了すると、[`obtainProductInteractions()`](../../developer-docs/apis/activation-api-js/api-reference/api-reference#obtainproductinteractions) および [`obtainProductData()`](../../developer-docs/apis/activation-api-js/api-reference/api-reference#obtainproductdata) エンドポイントを通じて、**商品およびトランザクションデータ** を取得できます。

カウンターは現在、[ウィジェットスタジオ](../assets/widgets/create-a-widget-with-the-widget-studio/create-a-widget)を通じて[カスタム変数](../assets/widgets/create-a-widget-with-the-widget-studio/edit-your-widgets#要素にカスタムデータを挿入する)として直接利用できます。詳細は[このドキュメント](./tracking-counters-in-widget-studio)をご覧ください。

## trackProductView()

訪問者が商品を閲覧したときに追跡するため、**商品ページ** で `trackProductView()` メソッドを使用します。このメソッドの詳細は[こちら](../../developer-docs/apis/activation-api-js/api-reference/api-reference#trackproductview)をご覧ください。

<Note>
  ソーシャルプルーフィング設定に必要なすべてのデータを送信していることを確認してください。`trackProductView()` メソッドで送信されたデータのみが、後で [`obtainProductData()`](../../developer-docs/apis/activation-api-js/api-reference/api-reference#obtainproductdata) エンドポイントを通じて取得できます。
</Note>

***

## trackCategoryView()

訪問者が商品カテゴリを閲覧したときに追跡するため、**カテゴリページ** で `trackCategoryView()` メソッドを使用します。このメソッドの詳細は[こちら](../../developer-docs/apis/activation-api-js/api-reference/api-reference#trackcategoryview)をご覧ください。

ここで使用する**カテゴリ ID** が、`trackProductView()` メソッドで送信されるものと一致することを確認してください。Category オブジェクトの詳細は[こちら](../../developer-docs/apis/activation-api-js/api-reference/api-reference#properties-of-the-category-object)をご覧ください。

***

## trackAddToCart()

ホームページ、商品ページ、カテゴリページ、カートページなど、**訪問者が商品をカートに追加できるすべてのページ** で `trackAddToCart()` メソッドを使用します。

`trackAddToCart()` メソッドの詳細は[こちら](../../developer-docs/apis/activation-api-js/api-reference/api-reference#trackaddtocart)をご覧ください。

***

## trackTransaction()

訪問者が**購入またはトランザクション**を完了した後に表示されるすべてのページで `trackTransaction()` メソッドを使用します。このメソッドの詳細は[こちら](../../developer-docs/apis/activation-api-js/api-reference/api-reference#tracktransaction)をご覧ください。