トラブルシューティング

導入中によくある問題と確認の順序をまとめました。ここで解決しない場合は、ページのURLと端末・ブラウザの種類をPerfitt担当者にご連絡ください。

ボタンが表示されない

ほとんどは次のいずれかです。上から順に確認してください。

モバイルで確認しましたか？ PCではボタンが表示されても、タップするとQRコードしか出ません。確認はスマートフォンで行ってください。
スクリプトは読み込まれていますか？ 開発者ツール → NetworkでPerfittSize.jsが200で返っている必要があります。見当たらない場合はタグが抜けているか、headにありません。
APIキーは正しいですか？ apiKey=の後の値がPerfittが発行したキーと一致している必要があります。
商品はPerfittに登録されていますか？ Perfittに商品データがない、または推薦不可に分類された商品ではボタンが表示されません。新しく追加した商品であれば、担当者に商品コードをお送りください。
Selectorはページにありますか？ Consoleでdocument.querySelector('#perfitt-block-1')がnullなら、ボタン領域がありません。
連携値は読み取れていますか？ ブランドやモデル番号などの連携項目がページから読み取れないと商品を特定できません。連携方法のSelectorが現在のページ構造と合っているか確認してください。

PCでボタンを押すとQRコードしか出ない

正常な動作です。足の計測はスマートフォンのカメラで行うため、PCでは計測画面の代わりにスマートフォンへ引き継ぐQRコードを表示します。スマートフォンでQRを読み取ると同じ商品の計測画面が開き、結果はPCの画面にも表示されます。

設定を変えたのに反映されない

Perfittのスクリプトと設定はCDNとブラウザにキャッシュされます。Perfittが設定を変更した後、数分してから再度開くか、ブラウザのキャッシュをクリアして(シークレットウィンドウで)確認してください。それでも変わらない場合は担当者にお知らせください。

計測したのに別のページで結果が消える

計測結果はブラウザのストレージ(localStorage)に保存されます。シークレットウィンドウ、ブラウザ設定でストレージを遮断している場合、Perfittが入っているiframeにストレージを遮断するsandbox属性が付いている場合は、ページを移動すると消えます。ログイン顧客はcustomerIdを連携すると次回の訪問でも結果が保持されます。連携する商品情報

カメラが起動しない

ブラウザでカメラの権限を拒否した場合は、アドレスバーの権限設定から再度許可する必要があります。アプリ内のWebViewの場合は、アプリがカメラ権限を渡す必要があります。Androidのカメラ権限に設定方法とiOSの案内があります。

iOSで「動作と方向へのアクセス」のポップアップが出る

正常です。側面撮影のときにスマートフォンの傾きで撮影角度を案内するため、iOSが確認しています。許可しなくても撮影はできますが、傾きの案内はオフになります。詳しく

ページを移動してもボタンが変わらない(SPA)

SPAはページを再読み込みしないため、スクリプトが再実行されません。商品が変わるたびにwindow.initializePerfittSize({ productId })を呼び出してください。SPAガイド

ボタンは表示されるのに推薦サイズの代わりに案内だけが出る場合、原因はたいてい商品側にあります。

推薦可能な商品ですか？ Perfittに登録されていない、または登録待ちの商品は計測はできますが推薦は出ません。brandとmodelNoを連携していれば登録リクエストは自動で送られているので、商品コードを添えて担当者に進捗をお尋ねください。
サイズ選択肢は読めていますか？ サイズ選択領域のセレクタが間違っていると販売サイズを読めず、推薦が空になったり在庫切れサイズが推薦されたりします。サイズ選択の領域
連携値は正しいですか？ 別の商品のproductIdが読まれると、違う靴が推薦されます。ConsoleでPerfittSize.productIdが今見ている商品かを確認してください。

商品名・画像が空になる(連携値が読めない)

結果画面で商品名や画像が空の場合、その項目を読み取れていません。

セレクタは今のページに存在しますか？ Consoleでdocument.querySelector('セレクタ')が要素を返すか確認してください。サイトのリニューアル後に壊れるケースが最も多いです。
値の描画が遅くありませんか？ JavaScriptで後から描画される値は、Perfittが最大5秒待ちます。それより遅い場合は手動実行モードで直接渡してください。
読み取り方法は合っていますか？ 連携方法で、その項目に合う方法(JSON-LD、JavaScript変数など)に変えられます。

ボタンの色が変わらない

Perfittが設定を変えた後も、CDNとブラウザのキャッシュのため数分かかることがあります。シークレットウィンドウで開き直し、それでも変わらなければ依頼したカラーコードを添えて担当者にお知らせください。

ログインしたのに以前の計測結果が表示されない

以前の計測を再利用するにはcustomerIdが連携されていて、計測時にもログイン状態だった必要があります。customerIdがないと、別の端末やブラウザには結果が引き継がれません。連携項目

担当者に送るもの

上の手順でも解決しない場合は、ページのURL、端末とブラウザの種類、再現手順を一緒に送ってください。