如何为 WordPress 添加浏览器通知
已发表: 2023-02-12如果您尝试增加电子邮件订阅者列表，但没有看到访问者返回您的网站，您可能想知道您还能做些什么。 让网站访问者了解更新并推动返回网站的流量可能是一个挑战。
幸运的是，浏览器通知或“推送”通知可以为您的网站体验添加动态元素。 通过每个用户的浏览器推送信息的选项可以开辟一种新的方式来让您的访问者了解情况，甚至可以吸引新的订阅者。
在本文中，我们将解释什么是推送通知以及它们的用途。 我们还将介绍如何为桌面和移动浏览器设置它们。 如果您准备好了解更多关于这项有用技术的信息，让我们开始吧！
什么是网站浏览器通知（推送通知）？
作为网络用户，您可能更熟悉智能手机上的推送通知。 推送通知，顾名思义，自动将信息“推送”到您的设备或浏览器，以便在发生重大事件时通知您。 例如，这可能是当您收到一条短信，或者在社交帖子上获得点赞或评论时。
事实上，52% 的移动用户在手机上启用了推送通知。 更重要的是，同样的技术可用于在桌面网络浏览器中实现推送通知。 通过为您的网站启用推送通知，您可以利用地理位置等功能来创建个性化体验，或跟踪买家习惯以减少放弃的购物车。
浏览器通知的一个例子是 Freefly 的优惠券和免费样品网站。 Freefly 对桌面浏览器使用推送通知。 当用户访问该网站时，他们会收到一条通知，询问他们是否愿意获得“免费赠品提醒”。 您可以选择“Yes”或“No Thanks”，然后继续浏览网站：
一个关于 Freefly 实施推送通知的案例研究表明，其目标是为访问者提供限时交易的即时通信。 在短短三分钟的设置过程之后，这种方法在 30 天内吸引了 4,400 名新订户。
如何使用 WordPress 设置浏览器通知（6 个步骤）
现在让我们来看看 OneSignal，这是一个免费的 WordPress 插件，可为多达 30,000 名订阅者提供无限制的移动推送和 Web 通知。
OneSignal 还具有细分受众、实施本地化功能、使用 Google Analytics 跟踪结果以及使用强大的 API 的功能。
这意味着您可以将其与所有顶级电子邮件营销服务集成，通过推送通知发送时事通讯，以获得更加个性化的客户体验。 让我们看看如何通过以下六个步骤开始使用 OneSignal。
1. 下载并安装 OneSignal 插件
首先，您需要前往 WordPress 插件目录并搜索 OneSignal。 下载插件文件后，您需要访问 WordPress 网站管理区域中的插件部分。
或者，您可以在“插件”部分搜索 OneSignal，然后在此处添加免费插件。
安装插件后，确保选择安装完成后出现的激活按钮。 完成后，您可以单击OneSignal链接以完成该过程。
2. 访问 OneSignal 网站连接 WordPress
在 OneSignal 网站上，您需要创建一个免费帐户。 您还必须完成几个步骤，以确保为您的 WordPress 站点配置了 OneSignal，并选择您要使用的浏览器。
注册后，系统会要求您选择用于通知的应用程序。
在我们的示例中，我们将使用 Chrome。 您需要为您的应用程序命名才能继续下一步。 在接下来的屏幕上，您将被要求配置您的网络推送。
您需要选择屏幕顶部的WordPress 插件或网站生成器来更改显示的选项。 执行此操作后，您会在其他 Web 应用程序列表中看到一个可供选择的 WordPress 图标。
选择WordPress图标后，下面会出现更多标记为WordPress Site Setup 的配置选项。 如果需要，您可以在这里添加网站信息并上传自定义图标。
在此设置对话框中，您还将找到有关不完全 HTTPS 的站点的文档。 如果您处于那种情况，您将需要查看此文档并遵循 OneSignal 的建议。 完成站点信息的填写后，保存更改。
3. 在您的 WordPress 插件设置面板中确认配置
保存 WordPress站点设置信息后，您将看到一个重要详细信息屏幕，需要将这些信息传输到 WordPress 中的 OneSignal 设置面板。 其中包括您刚设置的应用程序的 API ID 和 API 密钥。
您可以使用 API 信息下方的转到我的网站按钮，或在另一个浏览器选项卡中导航到您的 WordPress 仪表板以完成设置。
进入仪表板后，您需要单击左侧菜单中的OneSignal Push ，然后选择“配置”选项卡。 这是您需要输入这些 API 代码的地方，以便在 WordPress 和 OneSignal 之间建立最终连接。
要同时为 Apple Safari 浏览器设置推送通知，您必须返回 OneSignal 网站并将 Safari 添加为应用程序（其他浏览器依此类推）。
4.自定义您的弹出消息
现在您已经在 WordPress 和 OneSignal 之间建立了连接，您可以开始自定义插件中包含的所有各种选项。 这包括用于订阅推送通知的弹出消息。
在 WordPress 的 OneSignal 推送设置中，您可以向下滚动到 API 信息下方，并决定您希望推送邀请文本显示的内容。
这是个性化体验和吸引访问者使用您的通知的绝佳方式。
5.自定义您的通知图标
您可以自定义的另一个关键项目是通知图标。 这将使您能够调整访问者在浏览器中接收通知的方式。 例如，您可以设计一条自定义的感谢消息，访问者在订阅后会收到该消息。
此外，您还可以配置在访问者阻止或取消订阅您的推送通知服务时显示的通知文本。 虽然有时会发生这种情况，但您可以尝试通过制作一条消息来吸引访问者，该消息清楚地说明为什么继续订阅您的通知是有益的。
6. 从您的 WordPress 网站发送通知
现在您已经设置好 OneSignal，您可能想知道如何发送通知。 幸运的是，只要您的网站上发布了新帖子，OneSignal 应用程序就会自动发送推送通知。
但是，如果您想手动发送页面或帖子的通知，您可以从任何 WordPress 编辑屏幕执行此操作。
在“文档”选项卡下，您现在有一个 OneSignal 选项。 从那里，您可以选中该框以在帖子更新时推送新的浏览器通知。 例如，如果您要更新在线商店中的商品，这可能特别有用。 您还可以将 OneSignal 配置为自动发送某些自定义帖子类型的推送通知。
需要帮助改善您的数字体验？
为您的 WordPress 网站设置推送通知是为网站访问者创建动态体验的完美方式。 如果您喜欢了解此工具，您会喜欢我们必须在 WP Engine 上共享的其他优秀开发人员资源。
WP Engine 提供的不仅仅是快速可靠的 WordPress 托管服务。 我们还提供完整的数字体验平台。 这意味着使用 WP Engine，您可以专注于为您的客户开发出色的网站设计，而将托管管理交给我们！