絵文字ピッカーウィジェット
5,000以上の絵文字を検索可能なピッカーとして、たった1つのiframeであらゆるウェブサイトに配置できます。JavaScriptのインストールもAPIキーもビルド工程もアップデートも不要。プレーンなHTML、WordPress、Ghost、Webflow、あらゆる静的サイトで動作します。
埋め込みを作成する
訪問者のシステム設定に従う
<iframe
src="https://getmoji.app/embed/emoji-picker"
width="100%"
height="500"
style="border:1px solid #C6C6C3;max-width:400px"
title="Emoji picker — search and copy any emoji"
loading="lazy"
></iframe>
<p style="font:13px/1.5 system-ui,sans-serif;margin:6px 0 0">
<a href="https://getmoji.app/">Emoji picker</a> by
<a href="https://getmoji.app/">GetMoji</a>
</p>クレジット表記は意図的に iframe の外に配置されています。フレーム内に埋もれず、あなたのページ上で実際のリンクとして機能するためです。残していただけると嬉しいですが、必須ではありません。
提供内容
5,000以上の絵文字
Unicodeの全セットをカテゴリ別に分類、名前で検索可能。
JavaScript不要
1つのiframe。インストール不要、アップデート不要。
ライト、ダーク、自動
自動は各訪問者のシステム設定に従います。
クリックでコピー
訪問者がグリフをクリックすると、クリップボードにコピーされます。
Cookie不使用
ウィジェットはCookieを設定せず、誰も識別しません。
レスポンシブ
任意の幅を設定可能。グリッドが自動で再配置されます。
カスタマイズ
| パラメータ | 値 | デフォルト | 効果 |
|---|---|---|---|
| テーマ | ライト · ダーク | 自動 | ウィジェットの表示を固定します。このパラメータを省略すると、各訪問者のシステム設定に追従し、変更があればそのたびに追従し続けます。 |
幅と高さはパラメータではなく、iframe自体に設定します。ピッカーは指定した幅に合わせて自動でリフローします。
よくある質問
絵文字ピッカーウィジェットは無料ですか？
はい、完全無料です。アカウントもAPIキーも利用制限もありません。ウィジェット下部の小さなクレジットリンクを残していただけると嬉しいですが、必須ではありません。
ウィジェットにJavaScriptは必要ですか？
いいえ。単一のiframeなので、プレーンなHTML、WordPress、Ghost、Webflow、Notion埋め込み、あらゆる静的サイトジェネレーターで動作します。インストールもアップデートも不要です。
ウィジェットのテーマはどうやって設定しますか？
iframeのURLに「?theme=light」または「?theme=dark」を追加してください。何も指定しない場合は、各訪問者のシステム設定に従い、ライトモードでもダークモードでもページに合う表示になります。
ウィジェットは訪問者を追跡しますか？
ウィジェットはCookieを設定せず、誰も識別しません。getmoji.appから読み込まれるため、サーバーには他の埋め込みリソースと同様の標準的なリクエストログが記録されるだけです。
iframe内でのコピーはどのように機能しますか？
グリフをクリックすると、フレーム内からブラウザのクリップボードAPIを使ってクリップボードにコピーされます。訪問者は好きな場所にペーストできます。ウィジェットがページ側にデータを送ることは一切ありません。
ウィジェットのサイズは変更できますか？
はい。レスポンシブなiframeなので、任意の幅を設定するとグリッドが自動的に再配置されます。デフォルトのスニペットは幅100％、最大400pxに設定されており、サイドバーやコンテンツカラムに適しています。