Web 应用推送通知

如何发送网站应用推送通知(轻松上手)

您是否正在寻找一种简单的方法来添加有助于您业务增长的 Web 应用推送通知?

设置 Web 应用的推送通知可能有点棘手。发送 Web 推送通知时总会有些冲突。通常,最大的问题是送达率。您可以通过多种方式将 Web 推送添加到您的 Web 应用中。但是,如何发送实际能从您的 Web 应用送达的 Web 推送通知?

别担心!在本文中,我们将一步一步地向您展示如何在 10 分钟内发送具有可靠送达率的 Web 应用推送通知。

让我们开始吧。

如何安装 Web 应用推送通知

向 Web 应用添加推送通知非常简单。只需按照本文中的步骤操作即可。如果您遵循每个步骤,在本文结束时,您应该能够发送如下所示的推送通知:

网页应用推送通知示例

主要挑战在于,所有 Web 推送通知软件都使用一个名为 service_worker.js 的 Javascript 文件。Service worker 通过弹出模态框帮助您收集推送通知订阅者。但是,所有 Web 应用都已有一个用于不同目的的 service worker 文件。一次,您的 Web 应用只能使用一个 service worker。

简单来说,Web 推送服务会混淆您的 Web 应用。因此,有时它会收集推送通知订阅者,有时则不会。有时您可以发送通知,有时则不能。您甚至可能最终向整个订阅者列表发送 推送消息,但只送达给少数订阅者。

当然,像 Mendix 这样的 Web 应用构建器附带了自己的推送通知系统。但是,如果您想迁移到其他 推送通知服务怎么办?如果您希望在推送通知活动中获得更大的灵活性和控制力怎么办?

我们建议使用 PushEngage 来发送 Web 应用推送通知。PushEngage 是全球排名第一的推送通知软件。因此,您知道您的活动是安全的。

让我们开始吧。

第 1 步:设置您的 PushEngage 帐户

前往 PushEngage 主页,然后点击“开始使用”按钮:

PushEngage

您可以免费试用 PushEngage。如果您经营一个需要重复流量和参与度的小型博客,这可能就足够了。但如果您对销售很认真,您应该购买企业套餐并解锁 自动活动

注册 PushEngage 帐户后,请前往您的 PushEngage 仪表板 并转到 网站设置 » 网站详细信息

PushEngage网站设置

您可以在此处设置您的徽标、网站名称和网站 URL。现在就处理好这些事情非常重要,这样您以后才能测试整个设置。

第 2 步:从 PushEngage 获取安装代码

要安装推送通知,您需要获取安装代码。在您的网站设置屏幕中,向下滚动并单击单击此处获取设置说明按钮:

PushEngage 安装设置

然后,单击任何网站选项卡:

PushEngage 任何网站安装代码

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

第 3 步:为 Web 应用推送通知添加 Service Worker 代码

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

下载服务工作线程

重要提示:默认情况下,Web 应用不需要 service worker 文件。您需要将任何网站变成 Web 应用所需的就是一个清单文件。因此,如果您的 Web 应用没有 service worker 文件,您可以简单地将 PushEngage service worker 添加到您的网站或 Web 应用的根目录中。

但是,如果您的网页应用已安装了服务工作线程,请不要直接上传 PushEngage 服务工作线程文件。在记事本等文本编辑器中打开 PushEngage 服务工作线程文件,然后复制其中的代码。接着,找到您网页应用的服务工作线程文件,并将 PushEngage 服务工作线程代码添加到该文件中。

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

第 4 步:配置 PushEngage 订阅选项

现在,返回您的 PushEngage 仪表板。转到 设计 » 弹出窗口并选择您喜欢的选择加入方式:

弹出式模态框

这里的想法是为您的访问者提供订阅的充分理由。如果您需要这方面的帮助,请查看我们关于 如何创建自定义推送通知选择加入的文章。

如果您想获取一些入门模板,您应该查看这篇关于 高转化率推送通知订阅选项的文章。

第 5 步:创建您的第一个营销活动

现在您的网页应用可以发送推送通知了,您应该创建一个实际的广告系列。

废弃购物车营销活动通过转化废弃的购物车来帮助产生额外收入。这是一个简单的提醒,可以自动销售大量产品。因此,它非常适合支持任何带来直接销售的着陆页。

只需前往您的 PushEngage 仪表板,然后转到  Campaigns » Triggered Campaigns » Create A New Triggered Campaign:

创建新的触发式广告系列

然后,选择 Cart Abandonment 广告系列模板:

触发式广告系列类型

如果您是创建自动化营销活动的新手,可以简单地参考我们关于如何设置废弃购物车推送通知营销活动的文章。请遵循每个步骤,您就可以设置像这样的推送通知:

1 个废弃购物车示例

以防您想知道,您的推送通知营销活动不必是家喻户晓的品牌才能有效。事实上,PushEngage 的创建就是为了帮助小型企业通过推送通知实现增长。

但在您开始营销您的网站之前,您应该修复推送通知订阅过程中遇到的任何问题。请查看这篇关于 测试您的推送通知 的文章。如果一切正常,您就完成了!

添加网页应用推送通知后该怎么做?

好了,各位,本次分享就到这里!

您现在可以发送网页应用推送通知了。到目前为止,您还创建了一个强大的网页推送通知广告系列来促进您的增长。所有这些,都可以在 10 分钟内完成!

查看如何创建其他自动推送通知广告系列。大多数推送广告系列都简单有效。因此,我们建议为您的网站设置多个广告系列。以下是一些可以开始的优秀广告系列:

如果您还没有开始,请立即开始使用 PushEngage。PushEngage 是全球排名第一的推送通知软件。因此,您的营销活动是安全的。

立即开始使用 PushEngage

添加评论

我们很高兴您选择留下评论。请记住,所有评论都将根据我们的隐私政策进行审核,并且所有链接都将是 nofollow。请勿在姓名字段中使用关键字。让我们进行一次个人化且有意义的对话。

在访客离开您的网站后与他们互动并挽留他们

通过难以忽略的推送通知,增加每次网站访问的价值。

  • 永久免费套餐
  • 轻松设置
  • 五星支持