メインコンテンツへスキップ

最適なサイズを見つける

PDP での Kleep ボタンの表示は、カートリッジの初期化時に自動的に管理されます。
  1. isKleepRecommendationEnabled有効化 — これはマスタースイッチです。
  2. カートリッジは Product-Show コントローラーアクションのミドルウェアを介してボタンを動的に表示/非表示にします。
  3. ProductID を使用した Kleep へのエンドポイント呼び出しによって、ボタンが表示されるかどうかが決定されます。
  4. ビジネスルールに合わせてコード内の表示条件をカスタマイズします。
image.png CTA をクリックすると、ProductID、KleepCustomerID、リテーラー識別子(kleepRetailerUUID サイト設定、domain パラメーターとして渡される)、および言語を使用して iframe が開きます。

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

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

動的ボタンラベル

ポップインを閉じた後、ボタンラベルが更新されます。
  • 前:「最適なサイズを見つける」
  • 後:「推奨サイズ:S」
image.png ラベルは localStorage を介して保持されます(Cookie やバックエンドのセッション変数は使用しません)。

トラッキング

以下の場合に分析データが自動的に Kleep に送信されます。
  • 商品が閲覧された時(PDP の読み込みまたはバリエーション変更)
  • 商品がカートに追加された時(PDP)
  • 注文がチェックアウトの最終ステップに到達した時
  • 注文が確定した時
インストール後、PDP、チェックアウト、および確認ページで JavaScript コンソールエラーがないことを確認します。

アンチブラケッティング

近日公開。