換算ツールをサイトに埋め込む
レシピブログ、フィットネスサイト、化学の授業プリント, 読者が「それは何リットル？」と聞き続けているなら、読者がいるその場所で答えを見せましょう。iframe ひとつだけ。script タグも、アカウントも、トラッキングもありません。
ライブプレビュー
これは実際のウィジェットで、今ここで動いています。ページ幅に合わせて調整され、読者のライト／ダークモードに追従します。
コードを取得
- 下のスニペットをコピーします。
- 換算ツールを表示したい場所にページへ貼り付けます, WordPress のカスタム HTML ブロック、Ghost の HTML カード、あるいはテンプレートに直接。
- 以上です。ウィジェットはコンテナに合わせてサイズを調整します。高さは、単位リストを変更した場合のみ調整してください。
<iframe
src="https://www.oztoliters.com/widget.html?lang=ja"
title="Oz To Liter のオンス・リットル換算ツール"
width="100%"
height="330"
loading="lazy"
style="border:0;max-width:520px"
></iframe>オプション
iframe の URL にクエリパラメータを追加すると、ウィジェットの初期状態を指定できます。いずれも任意です。
| パラメータ | 値 | 働き |
|---|---|---|
| from | usFlOz · ukFlOz · liter · ml · usCup · usGallon | ウィジェットが最初に換算元とする単位。 |
| to | usFlOz · ukFlOz · liter · ml · usCup · usGallon | 換算先の単位。 |
| value | any number | ウィジェットの読み込み時に表示される数値。 |
| lang | en · es · fr · de · ja · ar · … | その言語に合わせて数値を整形します, 小数点記号、桁区切りなど。 |
利用規約
このウィジェットは、商用・非商用を問わずどのサイトでも無料でお使いいただけます。すでに組み込まれている小さな Oz To Liter のクレジット以外に表記義務はありません, そのリンクはそのまま残してください。換算ロジックやスタイルを更新することはありますが、埋め込み URL とそのパラメータは今後も動作し続けます。クレジット行のない版や、独自の配色が必要な場合はご連絡ください。
よくある質問
ほとんど影響しません。外部フォントもフレームワークも第三者へのリクエストもない、約 4 KB の自己完結した HTML ファイル1つで、スニペットは遅延読み込みします, 読者がスクロールして表示するまでコストはゼロです。
いいえ。ウィジェットは Cookie を設定せず、解析データも送信せず、読み込み後はネットワークリクエストを行いません。誰がどのページで使っているかを私たちが知ることはできません。
今のところパラメータでは変更できません。ウィジェットは読者のシステムのライト／ダーク設定に従うため、ほとんどのサイトになじみます。特定の配色に合わせたい場合はメールでご連絡ください。テーマを適用した URL をお送りします。