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

# 機能

> サイズ推奨、カートへの追加、動的ボタンラベル、トラッキング

## 最適なサイズを見つける

PDP での Kleep ボタンの表示は、カートリッジの初期化時に自動的に管理されます。

1. `isKleepRecommendationEnabled` を**有効化** — これはマスタースイッチです。
2. カートリッジは `Product-Show` コントローラーアクションのミドルウェアを介してボタンを動的に表示/非表示にします。
3. `ProductID` を使用した Kleep へのエンドポイント呼び出しによって、ボタンが表示されるかどうかが決定されます。
4. ビジネスルールに合わせてコード内の表示条件をカスタマイズします。

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image19.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=061578d6c5f3282bed260ad14b608df9" alt="image.png" width="1430" height="934" data-path="images/sfcc/image19.png" />

CTA をクリックすると、ProductID、KleepCustomerID、リテーラー識別子（`kleepRetailerUUID` サイト設定、`domain` パラメーターとして渡される）、および言語を使用して iframe が開きます。

## 推奨サイズ → カートに追加

サイジングフローの後、ユーザーはレコメンデーションを受け取ります。「カートに追加」をクリックすると、iframe からイベントが送信され、選択されたサイズがカートに追加されます。

## 動的ボタンラベル

ポップインを閉じた後、ボタンラベルが更新されます。

* **前：**「最適なサイズを見つける」
* **後：**「推奨サイズ：S」

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image20.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=14835101a9624bb02b5da72adecc360b" alt="image.png" width="1241" height="757" data-path="images/sfcc/image20.png" />

ラベルは localStorage を介して保持されます（Cookie やバックエンドのセッション変数は使用しません）。

## トラッキング

以下の場合に分析データが自動的に Kleep に送信されます。

* 商品が閲覧された時（PDP の読み込みまたはバリエーション変更）
* 商品がカートに追加された時（PDP）
* 注文がチェックアウトの最終ステップに到達した時
* 注文が確定した時

インストール後、PDP、チェックアウト、および確認ページで JavaScript コンソールエラーがないことを確認します。

## アンチブラケッティング

近日公開。
