免费网站天气与海水温度小组件
免费为您的网站添加海水温度和天气小组件，无需注册，无需 API 密钥。它支持全球任何海滩：从我们的地图上选择目的地，或在任意海岸放置图钉，然后将嵌入代码粘贴到 WordPress、Wix 或纯 HTML 中。这款毛玻璃卡片会与气温、天气和 UV 指数一起并排显示实时水温，并自动从主机页面提取颜色和语言。Widget Pro 增加了 10 天的海水温度和气温预报，并移除了 SeaTempMap.com 链接。
选择目的地
预览
免费功能这是真实的小部件，显示当前的温度和天气，完全等同于访客所见。
复制代码
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>将其粘贴到您希望卡片显示的任何位置。
免费
€0- 全球任意海滩 – 无论在我们的地图上，还是在海岸线上的任意定位
- 海水与气温、天气及 UV 指数 – 以访客的语言显示
- 您的专属顶部标题、当地时间、°C/°F 切换以及深色或浅色外观
- 卡片下方保留一个较小的 SeaTempMap.com 链接
免费 · 无需注册 · 无跟踪 Cookie
Widget Pro – 您的专属小部件和品牌
免费小部件在卡片下方带有 SeaTempMap.com 的小链接，点击卡片会打开我们的网站。Widget Pro 会移除这两点，让卡片完全属于您，并增加酒店所需功能：10天海水与气温预报、卡片上的专属名称，以及淡季展示内容。全年的费用甚至低于一晚客房预订价。
Widget Pro
- 1个网站 / 1个目的地
- 无 SeaTempMap.com 链接且不可点击跳转 – 卡片看起来就像您网站的一部分
- 10天海水与气温预报 – 直接在卡片上显示
- 卡片上显示您的专属名称 – 您可以将海滩名替换为酒店名
- 淡季模式 – 当海水温度低于设定值时，卡片将自动改为显示天气和 UV 指数
Widget Pro Multi
- 1个网站 / 多个目的地
- Everything in Widget Pro – on every card across your site
- 专为在同一网站上拥有众多房产的旅行社和连锁酒店打造
常见问题解答
我如何将海水温度小组件添加到我的网站？
请在上方选择一个目的地，复制代码片段，并将其粘贴到您的页面 HTML 中希望卡片显示的任何位置 – 无论是页脚、侧边栏还是文章正文中。无需安装任何内容，也不用创建帐户：它可以在 WordPress、Wix、Squarespace、Shopify 或是手动编写代码的网站上的任何 HTML 或嵌入区块中完美运行。
该小组件真的是免费的吗？
是的 – 个人和商业网站均可免费使用，无需注册，无需 API 密钥，也没有流量限制。我们唯一的要求是请您在卡片下方保留 SeaTempMap.com 的小链接 – 保留该出处正是小组件能够保持免费的原因。付费版的 Widget Pro（€99 / 年）会移除该链接，并增加 10 天预报、卡片上的专属名称以及淡季模式。
数据从何而来，多久更新一次？
海水温度取自 1 km 网格上的 NASA 卫星数据 – 这与您在我们的世界地图上看到的数据完全相同。空气温度、天气和 UV 指数则来自实时的全球数据源，只要您的页面处于打开状态，卡片就会自动刷新 – 您的访客始终会看到当前的天气状况。
它会与我网站的设计相匹配吗？
卡片采用了毛玻璃设计：它可以透出背景颜色或图案，并能自动在深色和浅色文本之间切换，因此在任何颜色、照片或版块上都能保持清晰可读。如果您更愿意固定它的外观，只需将 data-theme 设置为 light 或 dark。
该小组件会与我网站的样式发生冲突吗？
不会 – 卡片在 Shadow DOM（一种可以将其完全隔离的浏览器功能）内部渲染：您的主题 CSS 绝不会意外破坏小组件，而小组件的样式也不会泄漏并影响您的页面。
它会以访客所用的语言显示吗？
是的 – 卡片会读取您网站的语言设置，并自动以该语言显示其标签，目前支持 30 种语言。法语页面会显示法语卡片，德语页面则显示德语卡片；任何暂未支持的语言都会回退显示为英语。
这个小组件会拖慢我的页面加载速度吗？
不会 – 它只是一个没有任何依赖项的脚本，传输的数据量约为 75 kB，并且会在您的内容加载完毕后加载，外加一次微小的数据请求。如果数据未能成功加载，卡片依然会渲染显示 – 只是用破折号代替数字，因此绝不会破坏您的页面布局 – 并且会在下次刷新时重新尝试获取数据。
我可以显示不止一个目的地吗？
是的 – 每个目的地粘贴一个代码片段，每张卡片都会独立渲染，因此拥有两个分店的酒店可以把两者都展示出来。脚本在每个页面中只需引入一次，但即使重复引入也不会造成任何不良影响。Widget Pro 同样如此：一个密钥对应一个海滩，如果您在一个网站上需要多个目的地，这就是 Widget Pro Multi 的用途。
该小组件适用于哪些海滩？
世界上任何海滩。您既可以在我们的地图上选择目的地，也可以切换到任意位置标签页并在任何海岸上放置大头针 – 大头针不一定要落到水面上，卡片会自动寻找最近的海洋。两者均可免费使用，且卡片的外观和工作方式完全相同。
它是否使用 Cookie 或收集访客数据？
不会 – 小组件不设置 Cookie，不在您访客的设备上存储任何内容，也没有任何跟踪行为 – 绝对不收集任何个人数据。它仅仅只是获取温度数据，因此可以安全地嵌入到任何位置，并且完全不会影响您的 Cookie 横幅提示或隐私政策。
该小组件会将我的访客引导至你们的网站吗？
免费版卡片会的 – 整张卡片就是一个链接：对于来自我们地图的海滩，它指向该目的地的页面；对于您自定义的坐标，它指向该位置的详情页。卡片下方还会有一行小字标注来源。这就是您获得免费使用权所付出的回报。拥有许可的 Widget Pro 卡片则完全不是链接：没有来源标注，无法点击跳转，因此您的访客会留在您的网站上。
Widget Pro 许可证过期后会怎样？
卡片将继续工作，海温、空气、天气和紫外线持续更新。它只会恢复成免费版：卡片上会重新显示小小的 SeaTempMap.com 标注，且不再显示付费功能。没有任何内容会损坏或消失 – 续费后卡片即完全恢复如初。