HonestQR バッジを埋め込む

HonestQR で QR コードを作りましたか？表示は歓迎です（ただし義務ではありません）。これらのバッジとスニペットは、どんなサイト・ブログ・メニューページ・GitHub README でも無料で使えます。

ジェネレーター全体を埋め込む（widget）

iframe ひとつで無料 QR ジェネレーター全体を自分のサイトに設置できます。コードは訪問者のブラウザ内で生成され、期限切れになりません——アカウントも API キーも不要です。

ライブプレビュー

訪問者に表示されるのはまさにこの widget です——スニペットをコピーする前にここで試せます。

方法 A — script（推奨、高さ自動調整）

<div data-hqr-widget></div>
<script async src="https://qr.zalize.com/embed.js"></script>

スクリプトが iframe を挿入し、コンテンツに合わせて高さを自動調整します——どの画面幅でも内部スクロールバーは出ません。

まず実際の第三者ページでスニペットを試したいですか？JSFiddle のライブサンドボックスを開く——fork すれば自分のサイトを変更せずに実験できます。

方法 B — 通常の iframe

<iframe
  src="https://qr.zalize.com/widget/"
  title="Free QR code generator by HonestQR"
  width="100%"
  height="900"
  style="border: 0; border-radius: 12px;"
  loading="lazy"
></iframe>

通常の iframe ではレイアウトに合わせて height を設定してください——ジェネレーターはデスクトップで約 900px、狭い画面では最大約 1100px 必要で、低すぎると内部スクロールバーが出ます。widget は個人・商用とも無料です。

オプション（script プレースホルダーの属性）

サーバー側で生成したい場合は、無料の HTTP API もあります。

サイズ・言語・プライバシーの詳細を含む完全ガイド（英語）：サイト運営者向けウィジェットガイド。

ライトバッジ

<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

コピー

ダークバッジ

<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge-dark.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

コピー

Markdown（GitHub README）

[![QR by HonestQR — never expires](https://qr.zalize.com/badge.svg)](https://qr.zalize.com/?utm_source=badge)

テキストリンク

Free QR codes by <a href="https://qr.zalize.com/">HonestQR</a> — static codes never expire.

利用条件

• 個人・商用とも無料——バッジ自体以外のクレジット表記は不要です。
• 推薦・提携・認証を示唆するようなバッジの改変はしないでください。
• badge.svg のホットリンクも、コピーの自己ホストも、どちらも許可されています。