必ず決めること
| 決めること | 内容 | 詳しく |
|---|---|---|
| APIキー | Perfittが発行します。まだない場合は導入のご相談から依頼してください。 | 準備するもの |
| 商品詳細ページのURLパターン | 例：/product/view?pno=、/products/。モバイル専用のURLが別にあればそれも。 | ページタイプ |
| Perfittボタンの領域 | 商品ページでボタンを置く場所のCSS Selector。例：#perfitt-block-1 | 領域の指定 |
| 連携項目と読み取り方法 | productIdは必須。brand+modelNo、productName、image、genderは推奨。項目ごとにどこから読むか(CSS Selector、JSON-LDなど)も併せて。 | 連携項目 · 連携方法 |
状況に応じて決めること
| 決めること | 内容 | 詳しく |
|---|---|---|
| 計測ボタンの色 | 背景色と文字色のカラーコード。決めない場合はPerfittの標準色。 | サイズインジケーター |
| 計測専用ページ | 特集・イベントページで商品なしに計測だけさせる場合のURL。 | ページタイプ |
| customerIdの連携 | Perfitt利用顧客の注文・返品を照合するなら必要。会員ID・メールアドレスのどちらを使うか。 | 注文データ連携 |
| サイズ選択の領域 | サイズ選択領域のCSS Selectorと在庫切れの表し方。推薦を販売サイズの範囲内に限定するなら。 | サイズ選択の領域 |
| フローティングボタン | 右下に浮かぶボタンを使うか、モバイル・PCそれぞれ、余白。 | フローティングボタン |
| SPA・アプリWebViewかどうか | ReactなどのSPAなら手動実行モードを、アプリのWebViewならカメラ権限の処理を事前に準備。 | SPA · アプリWebView |
| 自社指標 | GAなどのツールで指標を作るなら、クライアントイベント受信のコードを準備。 | イベント連携 |
送り先
決めた内容を初期設置リクエストシートに記入し、Perfitt担当者に送ります。シートを受け取ったPerfittがページタイプと連携設定を行い、設定が終わったらモバイルでボタンが表示されるかを一緒に確認します。