무료 신발 사이즈 변환기 추가

라이브 미리보기

코드 복사

Web Component

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

iframe

<iframe
  src="https://shoesizeguide.com/widget/embed/?brand=nike&locale=ko&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를 분리하고 변환기를 lazy loading 상태로 유지합니다.
• 라이선스: ShoeSizeguide.com 표시가 필요한 CC BY 4.0입니다. 별도 계약이 없으면 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 값을 바꾸세요.