埋め込みウィジェット
あなたのサイトに無料のアナログ時計を。
HTML 1行で完了。ブログ、教室ページ、ダッシュボード、ライブ配信、Notion 埋め込み、社内ツールに対応。下のカスタマイズ後、HTML が使える場所にコードを貼り付けてください。
ライブプレビュー
リサイズ対応 iframe に帰属リンク付き。
ウィンドウサイズを変えると時計の拡縮を確認できます。
コピー＆貼り付け
2種類の埋め込み方法から、プラットフォームに合ったものを選んでください。
<div style="display:inline-block;text-align:center">
<iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="360" height="360" style="border:0;background:transparent;display:block" loading="lazy" title="Analogue clock by AnalogueClock.com"></iframe>
<a href="https://analogueclock.com/?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener" style="display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#888;text-decoration:none">Analogue clock by AnalogueClock.com</a>
</div>HTML が使えるどこでも動作します。固定ピクセルサイズ。
活用シーン
教室のホワイトボード
スマートボードや学級ウェブサイトに見やすいアナログ時計を表示。
ライブ配信オーバーレイ
OBS のブラウザソースを使って配信画面の隅にきれいな時計を配置。
会議室のテレビ
ロビースクリーン、ダッシュボード、オフィスディスプレイに現地時刻を表示。
個人ブログ
勉強ページ、ホームページ、サイドバーにさりげない時計ウィジェットを追加。
WordPress プラグイン（近日公開）
埋め込みスクリプトは将来のショートコードプラグイン用に設計されています。WordPress で文字盤を選ぶだけで、帰属リンクを保持したまま同じウィジェットを表示できます。
OBS ブラウザソース
配信者は iframe URL を OBS のブラウザソースに貼り付けられます。専用の配信オーバーレイガイドも同じエンドポイントを使用する予定です。
利用規約
埋め込みは個人・教育・商用を問わず無料でご利用いただけます。隅の analogueclock.com クレジットリンクは削除しないでください — 新しいユーザーがプロジェクトを発見するための重要な要素です。