如何发送 Web 应用程序推送通知（简单）

正在寻找一种简单的方法来添加网络应用程序推送通知以帮助您发展业务？

为网络应用程序设置推送通知可能有点棘手。 发送网络推送通知总是存在一些冲突。 通常，最大的问题是交货率。 您可以通过多种方式将网络推送添加到您的网络应用程序中。 但是，如何发送实际从 Web 应用程序传递的 Web 推送通知呢？

不用担心！ 在本文中，我们将逐步向您展示如何在 10 分钟内以可靠的送达率发送 Web 应用程序推送通知。

让我们深入了解一下。

如何安装 Web 应用程序推送通知

向网络应用程序添加推送通知非常简单。 只需按照本文中的步骤操作即可。 如果您遵循每一步，到本文结束时，您应该能够发送如下推送通知：

主要挑战是所有网络推送通知软件都使用名为service_worker.js的 Javascript 文件。 Service Worker 可帮助您通过弹出模式收集推送通知订阅者。 但所有网络应用程序都已经有一个具有不同用途的 Service Worker 文件。 并且在同一时间，您的 Web 应用程序只能使用一名 Service Worker。

简而言之，网络推送服务会让您的网络应用程序感到困惑。 因此，有时它会收集推送通知订阅者，有时则不会。 有时您可以发送通知，有时则不能。 您甚至可能最终将推送消息发送到整个订阅者列表，并仅将其传递给少数订阅者。

当然，像 Mendix 这样的网络应用程序构建者有自己的推送通知系统。 但是，如果您想迁移到其他推送通知服务怎么办？ 如果您希望对推送通知活动有更大的灵活性和控制力怎么办？

我们建议使用 PushEngage 发送 Web 应用程序推送通知。 PushEngage 是世界排名第一的推送通知软件。 所以，您知道您的竞选活动是安全的。

让我们开始吧。

第 1 步：设置您的 PushEngage 帐户

前往 PushEngage 主页并单击“开始”按钮：

您可以免费试用 PushEngage。 如果您正在运行一个需要重复流量和参与度的小型博客，那么这可能就足够了。 但如果您认真对待销售，则应该获取企业套餐并解锁自动化营销活动。

注册 PushEngage 帐户后，请前往 PushEngage 仪表板并转到站点设置 » 站点详细信息：

您可以在此处设置徽标、站点名称和站点 URL。 现在将这些内容整理出来非常重要，以便您稍后可以测试整个设置。

步骤#2：从 PushEngage 获取安装代码

要安装推送通知，您需要获取安装代码。 在“站点设置”屏幕中，向下滚动并单击“单击此处获取设置说明”按钮：

然后，单击“任何站点”选项卡：

您可以使用 Javascript 代码开始发送推送通知。

步骤#3：添加 Web 应用程序推送通知的 Service Worker 代码

这个过程中最棘手的部分终于来了。 在 PushEngage 仪表板的设置说明下，您还会看到用于下载 Service Worker 文件的选项。

重要提示：默认情况下，Web 应用程序不需要 Service Worker 文件。 将任何网站转变为网络应用程序所需的只是一个清单文件。 因此，如果您的 Web 应用程序没有 Service Worker 文件，那么您只需将 PushEngage Service Worker 添加到您的网站或 Web 应用程序的根目录即可。

但是，如果您的 Web 应用程序已经有一个 Service Worker，那么请勿直接按原样上传 PushEngage Service Worker 文件。 在记事本等文本编辑器中打开 PushEngage 服务工作线程，然后复制 PushEngage 服务工作线程文件中的代码。 然后，找到您的 Web 应用程序的 Service Worker 文件，并将 PushEngage Service Worker 代码添加到该文件中。

如果您忽略此步骤，您将无法收集推送通知订阅者。

步骤#4：配置 PushEngage 选择加入

现在，返回 PushEngage 仪表板。 转到设计»弹出模式并选择您选择的选项：

这里的想法是给你的访问者一个订阅的充分理由。 如果您需要一些帮助，请查看我们关于如何创建自定义推送通知选择加入的文章。

如果您想要一些模板来开始使用，您应该查看这篇关于高转化推送通知选择的文章。

步骤#5：创建您的第一个营销活动

现在您的网络应用程序可以发送推送通知，您应该创建一个实际的活动。

废弃的购物车活动有助于通过转换废弃的购物车来产生额外收入。 这是一个简单的提醒，自动驾驶仪上销售了很多产品。 因此，这是一个很棒的活动，可以支持任何带来直接销售的登陆页面。

只需前往 PushEngage 仪表板并转至营销活动 » 触发式营销活动 » 创建新的触发式营销活动：

然后，选择购物车放弃活动模板：

如果您不熟悉创建自动营销活动，只需按照我们有关如何设置废弃购物车推送通知活动的文章进行操作即可。 按照每一步操作，您就可以设置推送通知，如下所示：

如果您想知道的话，您不需要成为家喻户晓的品牌即可使您的推送通知活动有效。 事实上，PushEngage 的建立是为了帮助小型企业利用推送通知实现增长。

但在开始营销您的网站之前，您应该解决推送通知订阅过程中的所有问题。 查看这篇关于测试推送通知的文章。 如果一切正常，那么你就完成了！

添加Web应用推送通知后该怎么办？

这就是本次的全部内容，伙计们！

您现在可以发送 Web 应用程序推送通知。 到目前为止，您还创建了强大的网络推送通知活动来促进您的发展。 所有这一切，不到 10 分钟！

还可以了解如何创建其他自动推送通知活动。 大多数推送活动既简单又有效。 因此，我们建议为您的网站设置多个广告系列。 这里有一些很棒的开始：

• 如何自动发送 RSS 推送通知
• 如何使用 GTM 设置购物车放弃推送通知
• 如何以简单的方式安排推送通知 [5 分钟] 指导]

如果您还没有准备好，请开始使用 PushEngage。 PushEngage 是世界排名第一的推送通知软件。 因此，您的活动是安全的。

立即开始使用 PushEngage！