どのサイトにも位置情報ウィジェットを埋め込む方法

WordPress（いちばん簡単なのはプラグイン）

プラグインを使う方法： whatismylocation-widget.zip をダウンロード → wp-admin ▸ プラグイン ▸ 新規追加 ▸ プラグインのアップロード → 有効化。あとは [whatismylocation] をショートコードが使える場所（投稿、固定ページ、テキストウィジェット）に置くだけです。オプションも指定できます：[whatismylocation theme="golden" mode="full" height="420"]。プラグインが出力するのは同じ iframe で、サイトのほかの部分には一切手を加えません。

プラグインを使わない方法： ブロックエディターで カスタム HTML ブロックを追加し、iframe を貼り付けます。クラシックエディターの場合は、先に「テキスト」タブに切り替えてください。

Wix、Squarespace、Shopify、Webflow、Blogger

• Wix： パーツを追加 ▸ 埋め込みコード ▸ HTMLを埋め込む → iframe を貼り付け → 選んだ高さに合わせて要素の大きさを調整します。（Wix は埋め込みをサンドボックスで動かしますが、allow 属性があるので位置情報の許可ダイアログはそれでも表示されます。）
• Squarespace： コードブロックを追加して（現行のプランで使えます）→ 貼り付けます。ウィジェットは表示されるのにボタンが何も反応しない場合は、スニペットをコピーし直してください。allow="geolocation" 属性が必ず入っている必要があります。
• Shopify： テーマエディターで カスタム Liquid セクションを追加し（またはそのページの HTML を編集して）、iframe を貼り付けます。Online Store 2.0 のテーマなら、アプリを入れなくても動きます。
• Webflow： Embed 要素をドラッグ → 貼り付け → 公開（埋め込みが表示されるのは公開後のサイトだけで、デザイナー画面では表示されません）。
• Blogger やその他の CMS： HTML をそのまま編集できる画面なら、この iframe をそのまま貼れます。

各サービスの仕様はよく変わります。お使いのプランでサイトビルダーが iframe を取り除いてしまう場合は、そのサービスのヘルプにある「embed custom HTML」の項目が最終的な根拠になります。

オプション一覧