手動実行モード

ページを開いたときに自動で実行する代わりに、お客様のコードが任意のタイミングでPerfittSizeを実行する方式です。

自動実行モード vs 手動実行モード

自動実行モード

ページの読み込み時にPerfittSizeが自動で初期化されます。設定しない場合はこのモードで動作します。

次のコードを実行したときだけPerfittSizeが動作します。ReactなどのSPAを使う場合や、連携値をコードから直接渡したい場合に使います。Perfittがプロジェクト設定でこのモードを有効にする必要があるため、担当者に事前にご依頼ください。

手動実行モードの使い方

商品情報が画面に描画された後、次のコードを実行します。連携値を一緒に渡すことができ、productIdは必須です。

JavaScript

window.initializePerfittSize({
  productId: '{{商品ID}}',               // 必須
  customerId: '{{ログイン中の顧客のID}}',  // ログイン時のみ
  brand: '{{靴のブランド}}',
  modelNo: '{{靴のモデル番号}}',
  gender: '{{靴の主な性別}}',            // 'f' または 'm'
});

渡せる値はcustomerId、productId、brand、modelNo、genderの5つです。各値の意味は連携する商品情報をご覧ください。

動作ルール

productIdがないとボタンを描画しません。 値なしで呼ぶとスクリプトを再読み込みするだけで終わります。
同じproductIdで再度呼んでも再描画しません。 別のproductIdで呼ぶと前のボタンを消して新しく描画します。SPAで商品ページ間を移動する場合は、移動のたびに呼んでください。
設定をまだ受け取っていない場合は0.5秒ごとに再試行します。 10回(約5秒)以内に設定が届かなければ中断します。スクリプトタグがheadにありネットワークが正常なら、通常は1回目で完了します。
手動実行モードが無効なプロジェクトでは何もしません。 呼んでもボタンが出ない場合は、Perfitt担当者にプロジェクトの手動実行モードが有効になっているか確認を依頼してください。