Pitakun ウィジェット

ドキュメント

表示サイズとレイアウト

  • 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; }