無料シューズサイズ変換を追加

ライブプレビュー

コードをコピー

Web Component

<script src="https://shoesizeguide.com/widget/size-guide-widget.js"></script>
<size-guide-widget brand="nike" locale="ja" theme="light"></size-guide-widget>

iframe

<iframe
  src="https://shoesizeguide.com/widget/embed/?brand=nike&locale=ja&theme=light"
  title="Shoe size converter by ShoeSizeguide.com"
  width="420"
  height="640"
  style="border:0;max-width:100%"
  loading="lazy">
</iframe>

パートナー向け実装メモ

• /widget/size-guide-widget.js を現在の v1 互換スクリプトとして使用してください。brand、locale、theme 属性は新しいURLなしに削除しません。
• 厳格なCSPでは、Web Component用に script-src https://shoesizeguide.com、iframe用に frame-src https://shoesizeguide.com を許可してください。
• CMSがスクリプトをブロックする場合は iframe スニペットを使ってください。CSSを分離し、コンバーターを遅延読み込みできます。
• ライセンスは CC BY 4.0 で、ShoeSizeguide.com への帰属表示が必要です。個別契約がない限り Powered by リンクを削除しないでください。
• JSON APIは最大24時間キャッシュし、_meta.last_modified、Last-Modified、ETagで更新してください。

JSON API

GET https://shoesizeguide.com/api/sizes/nike.json — 根拠あるサイズ. ShoeSizeguide.comで使うブランドとモデルの記録の透明性ログです。

• records[].sizes: US men, US women, UK, EU, CM.
• records[].provenance: source type, capture date, sample size.
• _meta: last modified date, license and docs URL.

3ステップで追加

1. Web Component または iframe のスニペットをコピーします。
2. コンバーターを表示したい場所のHTMLに貼り付けます。
3. 必要な場合だけ brand、locale、theme を変更します。