如何在任意网站嵌入定位组件
这个组件其实只有一行 iframe：凡是允许自定义 HTML 的平台都能承载它。先在嵌入页面选好主题和高度，复制那段代码，再按下面对应平台的步骤操作。用 WordPress 的话，还有一个一键安装的插件，连代码都不用碰。
基于授权 · 私密 · 支持 Chrome、Safari、Firefox、Edge
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”一节的说明为准。
选项一览
| 参数 | 取值 | 说明 |
|---|---|---|
theme | light · dark · golden | golden 适合暖色调或高端质感的设计。 |
mode | compact · full | full 会多出一张小地图（更高：height 请设为 ≥ 380）。 |
iframe 的 height | 220–800 px | compact 在 260 就放得下；full 用 420 比较舒展。 |
allow | geolocation | 必需 — 没有它，浏览器会拦掉 iframe 里的权限请求。 |
常见问题
在 WordPress 里嵌入需要装插件吗？
不需要。插件只是让 [whatismylocation] 短代码可用；不装插件，就在“自定义 HTML”区块里粘贴那行 iframe。两种做法输出的东西完全一样。
组件显示出来了，按钮却没反应，为什么？
多半是复制时漏掉了 allow="geolocation" 属性，请回到嵌入页面把整行重新复制一遍。另一个常见原因是页面用 http:// 提供——浏览器要求 HTTPS 才允许地理定位。
iframe 的高度设成多少合适？
compact 模式 260 就放得下；full 模式多了一张小地图，建议 380 以上，420 最舒展。可填的范围是 220 到 800 像素。