如何将实时日落预测小部件添加到您的网站

您的访问者不需要打开另一个天气应用程序来决定今晚是否值得规划。日落预测小部件将答案直接放在您的网站上，紧挨着他们已经在查看的房间、目的地、网络摄像头或摄影信息。

Sunset Predictor小部件将固定位置转变为您可以嵌入的自动更新预测，无需构建自己的天气集成。结果是为旅行出版商、酒店、旅游网站、网络摄像头页面和摄影师提供的紧凑而实用的功能。

日落预测小部件展示了什么

每个小部件为访问者提供了他们一眼就能获得的核心信息：

• 从0到100的日落质量评分
• 一个明确的评级：史诗、好、一般或差
• 选定位置的当地日落时间
• 一个位置名称或您自己的显示标签
• 一句可选的预测说明
• 自定义尺寸上的可选天气详情

评分以色彩编码环的形式呈现，方便访问者在阅读数字之前理解前景。例如，圣托里尼的酒店可以显示伊亚预测，而旧金山的网络摄像头操作员可以将同类型的小部件标记为“金门大桥视图”。

自定义尺寸还可以显示选定的天气条件：温度、云层覆盖率、降雨概率、湿度、风、能见度、气压和空气质量。您可以选择哪些值出现以及访问者看到它们的顺序。

为什么要在您的网站上添加日落小部件？

当日落条件影响到访问者的计划时，小部件才最有价值。它为可能始终静止的页面增添了相关的、变化的信息。

给访问者一个留下的实际理由

目的地指南可以描述在哪里观看日落。小部件填补了缺少的问题：今晚看起来有多有前途？访问者在不离开页面去其他地方搜索的情况下获得有用的计划背景。

添加一个功能而无需维护预测系统

天气数据、评分、标签、时间格式和自动刷新都为您处理。安装是一个简短的嵌入代码片段，而不是一个带有自己界面、错误处理和持续维护的自定义API项目。

将信息匹配到您的观众

酒店可能希望为一个屋顶准备一个精美的预测。旅游网站可能需要为里斯本、波尔图和马德拉准备单独的小部件。摄影师可能更喜欢在位置指南旁边附上一个简洁的评分。每个小部件都与一个位置相关，因此其背景保持清晰。

将小部件纳入您现有的设计

选择浅色、深色或自动主题；选择尺寸；设置评分环的强调色。您还可以用更贴近访问者的标签替换地理名称，如“西侧露台”、“海滩摄像头”或“旧城瞭望台”。

服务国际访问者

小部件支持14种语言：英语、法语、德语、西班牙语、俄语、葡萄牙语、日语、罗马尼亚语、乌克兰语、阿拉伯语、希伯来语、简体中文、印地语和意大利语。您还可以选择公制或英制单位以及12小时或24小时制时钟。

如何创建您的第一个小部件

您可以在登录之前尝试构建器和实时预览。只有当您希望保存小部件并接收其嵌入代码时，才需要一个账户。

1. 打开小部件构建器

打开Sunset Predictor小部件构建器并与公共预览进行试验。当您更改主题、尺寸、颜色、语言和其他显示设置时，预览会更新。

当您准备好保存时，登录或创建一个免费账户。从您的小部件仪表板中，选择创建小部件。

2. 为您的仪表板命名小部件

输入一个简短的内部名称，如“里斯本酒店主页”或“布莱顿摄像头”。访问者看到的是选定位置标签，而不是这个管理名称，因此使用一些有助于您的团队稍后识别小部件的名称。

3. 搜索预测位置

输入至少三个字符并从结果中选择正确的城市。选定的坐标决定了预测和当地日落时间。

您还可以输入一个可选的显示名称。当公开的地方比城市结果有一个更具体或更熟悉的名称时，这很有用。例如：

• 使用“我们的屋顶视图”而不是“罗马尼亚布加勒斯特”
• 使用“科帕卡巴纳海滩”而不是“巴西里约热内卢”
• 使用“北岸摄像头”而不是最近的市政。

仔细选择：创建后无法更改小部件的预测位置。如果以后需要不同的地点，请创建一个新的小部件。显示名称仍然可以编辑。

4. 选择外观和信息

在配置小部件时使用实时预览。最佳设置取决于它将出现的位置：

设置	选项	实用指导
主题	浅色，深色，自动	当主机网站已经遵循访客的系统主题时，使用自动。
尺寸	紧凑、标准、自定义	紧凑适合侧边栏；标准在细节和空间之间取得平衡；自定义添加天气网格。
强调色	预设或自定义颜色	匹配品牌颜色，同时保持评分环周围的足够对比度。
描述	开启或关闭	添加简短的解释，说明预测为何获得其评分。紧凑尺寸不可用。
语言	14种支持语言	匹配小部件将出现的页面语言。
单位	公制或英制	选择访问者期望的格式。
时间	12小时或24小时	匹配你网站其他地方使用的惯例。
刷新	15到120分钟	可用频率取决于账户计划。

对于自定义尺寸，选择并重新排序对您的观众重要的天气详情。摄影师可能会优先考虑云、能见度和降雨概率。酒店可能更喜欢温度、云和风。

5. 创建小部件并复制嵌入代码

选择创建小部件。下一个屏幕显示了保存的预览和两个安装选项：脚本标签和iFrame。

嵌入选项	最佳使用场景	需要注意什么
脚本标签	大多数网站和自定义布局	异步加载并直接在页面中渲染小部件。
iFrame	CMS平台或隔离第三方内容的页面	保留小部件在其自己的文档中，并包括自动高度调整。

脚本标签选项如下所示，您的唯一小部件ID会自动插入：

<div id="sunset-widget-wgt_your_widget_id"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
        data-widget-id="wgt_your_widget_id"
        async></script>

使用复制代码按钮，而不是手动编辑生成的ID。

6. 将代码片段粘贴到您的网站

将代码添加到您希望小部件出现的位置。确切位置取决于平台：

• 在自定义编码的网站上，将其放在相关的页面模板或内容块中。
• 在WordPress中，使用自定义HTML块。
• 在页面构建器中，使用HTML、嵌入或代码元素。
• 在具有严格脚本规则的CMS中，尝试iFrame选项。

发布或更新页面，然后打开实时URL，并检查桌面和移动设备上的小部件。确认位置、语言、时钟格式、单位和间距都适合周围的页面。

如果您的CMS屏蔽嵌入代码或小部件未出现，联系Sunset Predictor支持以获取安装帮助。

小部件上线后会发生什么？

小部件根据配置的刷新间隔自动请求新的预测数据。间隔取决于您的计划，从免费计划的每120分钟到企业计划的每15分钟。

更改大多数设置后，无需替换嵌入代码。打开仪表板中的小部件，更新其外观或显示选项，然后保存。更改后的已嵌入小部件会在几分钟内出现。

仪表板还可以让您：

• 查看每个小部件的总展示次数和点击次数
• 再次复制嵌入代码
• 暂停和恢复小部件
• 编辑其名称、标签、外观、语言、单位、时间格式和刷新间隔
• 删除不再需要的小部件

展示记录小部件渲染，而点击记录访问者跟随小部件链接到Sunset Predictor。这些计数使您可以在不需要单独的分析设置的小部件中简单查看使用情况。

哪个计划适合您的网站？

您可以在免费计划上创建一个品牌小部件。付费计划支持商业用途、更多小部件、更高的每月查看限制、更快的刷新、自定义尺寸和可选的品牌移除。您可以在选择层级之前比较当前计划和价格。

计划	小部件	每月查看数	最快刷新	自定义尺寸	移除品牌	商业用途
免费	1	2,000	120分钟	否	否	否
专业版	5	25,000	60分钟	是	是	是
商务版	25	150,000	30分钟	是	是	是
企业版	无限制	1,000,000	15分钟	是	是	是

如果小部件达到每月观看限额，它会继续渲染。新展示将停止计数并显示Sunset Predictor品牌。这样可以避免嵌入页面因流量超出预期而进入错误状态。

请记住，活动和暂停的小部件都计入计划允许的小部件数量。如果不再需要某个小部件并希望释放该插槽，可以删除它。

使用小部件的实际方法

最强的放置方式是将预测与访问者已经在做的决定联系起来。

酒店和度假村

在设施、屋顶酒吧或本地体验页面上放置一个标准小部件。使用物业的公开名称作为显示标签，并将强调色与酒店品牌匹配。

旅游和目的地网站

向城市或地区指南添加特定位置的小部件。巴塞罗那日落观景点页面可以显示当前巴塞罗那的预测，而单独的特纳里夫指南可以使用其自己的小部件。

网络摄像头和冲浪网站

在实时摄像头或当前状况面板附近放置一个紧凑的小部件。日落评分提供了快速的上下文，而不与视频流竞争。

摄影指南

使用自定义尺寸显示云、降雨概率、能见度和风，与评分一起。这样可以为读者提供更多背景信息，帮助他们决定是否侦察地点或准备设备。

活动和场地页面

对于视图是体验一部分的户外场地，小部件可以帮助访问者了解场地固定位置的日落前景。如果您的观众受益于评分的简单语言解释，请保持说明启用。

更好嵌入的提示

在广泛发布小部件之前，请做出一些谨慎的选择：

1. 将其放置在相关内容附近。相比于隐藏在通用页脚中的预测，屋顶描述旁边的预测更为有用。
2. 使用特定的显示标签。当位置已经很明显时“港口露台”给访问者的上下文比广泛的城市名称更多。
3. 匹配页面语言、单位和时钟。小的不一致会让嵌入的功能与网站的其他部分显得不连贯。
4. 保持信息密度适当。紧凑的适用于紧凑布局；自定义的适用于天气详情是页面的部分目的时。
5. 安装后检查移动设备间距。小部件只是页面的一部分，因此要测试它如何与您自己的标题、图片和按钮相邻。
6. 定期查看展示。他们帮助您查看放置位置是否接收到流量，以及您当前的计划是否仍然适合。

结论

日落预测小部件将变化的天气数据转化为一个简单、相关的网站功能。选择一个有意义的位置，根据观众调整设计，粘贴生成的嵌入代码，并从单个仪表板管理小部件。您可以在决定小部件在站点上的位置之前对其进行预览和创建。