ドキュメント
表示サイズとレイアウト
- 344 px先に確保する高さ
- 440 px最大の幅
- 約12 KBスクリプト+データ
高さ(レイアウトのずれ・CLS)
- 閉じた状態の高さは 344 px 以内。1行の
data-pitakun-slotがこの高さを先に確保するので、表示されてもページはずれません。 - 「すべてのスペック」などを閲覧者がタップしたときだけ、下に伸びます。
- 表示できないとき(機種IDの誤りなど)は、空の枠を残さず高さを戻します。
幅
- 置いた場所の幅いっぱい(最大 440 px)。左寄せです。
- スマホ(390 px)で横スクロールしません。
重さ
- スクリプト 約9 KB(gzip)+ データ 約3.2 KB(機種1件とカテゴリ1件の JSON)。同じカテゴリの2機種目からはカテゴリの JSON がキャッシュから読まれます。
asyncなので、ページ本体の表示を待たせません。
style 属性が使えない CSP のとき
お店のCSSで高さを確保してください:
[data-pitakun-slot] { min-height: 344px; }