将网站推送通知添加到任何网站

如何为任何网站添加 Web 推送通知(3 个简单步骤)

正在寻找一种简单的方法来为您的网站设置推送通知?

大多数推送通知的设置都可能非常复杂。最糟糕的部分是,您需要开发人员查阅开发人员文档和 API 文档才能设置推送通知。

但是,为网站添加网页推送通知实际上并没有那么复杂。

在本文中,我们将向您展示如何为您的网站添加推送通知,即使您以前从未这样做过。而且我们将避免使用技术术语。因此,即使您不是开发人员,也可以轻松安装推送通知。

在本文中,我们将使用 PushEngage 为您的网站设置推送通知。PushEngage 是全球排名第一的推送通知软件。因此,您的广告系列将得到妥善处理。

让我们开始吧。

如何为您的网站安装推送通知

在我们开始之前,先快速了解一下在本文结束时您的网站上会是什么样子。如果您按照本教程中的步骤操作,您应该能够像这样从您的网站发送推送通知:

1 个废弃购物车示例

而且,无论您的网站是基于流行的内容管理系统 (CMS)(如 WordPress)构建的,还是自定义构建的网站,都无关紧要。无论如何,您都可以在您的网站上安装推送通知。

让我们开始吧。

第 1 步:设置您的 PushEngage 帐户

访问 PushEngage 主页,然后点击 开始使用 按钮:

PushEngage

您可以选择免费套餐来试用PushEngage,或者如果您希望认真发展您的业务,可以选择付费套餐。付费套餐包含更好的受众定位选项和营销活动自动化功能。

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

PushEngage网站设置

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

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

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

PushEngage 安装设置

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

PushEngage 任何网站安装代码

并复制 Javascript 代码段。您很快就会用到它。

如果您运行的 CMS 网站未在选项卡中列出,您可以根据您的网站是否安装了 SSL 证书,转到 HTTP 或 HTTPS 选项卡。

如果您使用的是 HTTPS 网站,此步骤中一个非常重要的部分是能够访问您服务器的根文件夹。要在 HTTPS 网站上运行推送通知,您需要从同一选项卡下载 service-wroker.js 文件。然后,将其上传到您的根文件夹。

注意: 如果您无法将 service-worker 文件上传到根文件夹,您仍然可以将文件上传到另一个文件夹。转到 PushEngage 仪表板 » 网站设置 » 高级设置

只需切换“从 PushEngage 启用 service worker 注册”按钮即可:

PushEngage服务工作者设置

最后,您需要将 PushEngage 的安装代码放在您网站的 HTML <head> 部分。如果您是熟悉 HTML 编码的开发人员,您已经知道如何做到这一点。

但是,如果您是 HTML 新手,并且正在使用 CMS 运行您的网站,请不要担心。编辑 HTML <head> 的过程因平台而异。因此,我们为您创建了最受欢迎平台的详细分步指南:

对于某些 CMS,您可以直接从仪表板插入安装代码。在其他情况下,如使用 PrestaShop 时,您需要改用 PushEngage API 密钥。因此,我们建议您遵循这些特定于平台的教程来正确添加推送通知代码。

第 3 步:配置 PushEngage 确认

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

弹出式模态框

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

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

奖励步骤:创建欢迎通知

完成选择加入设置后,您的网站就可以收集订阅者了。

但是,您如何知道您的推送通知是否正常工作?

我们建议您创建一个欢迎推送通知来测试您的设置是否顺利。欢迎通知是您发送给新订阅者的推送通知,以确认他们的订阅并欢迎他们加入。

以下是如何在PushEngage中启用欢迎通知。 前往PushEngage仪表板,然后转到Campaign » Drip Autoresponders,然后点击Create New Drip Autoresponder

创建新的自动回复邮件

然后,为您的广告系列命名(我们建议使用类似“欢迎滴灌”的名称),然后在内容下,选择显示“用户订阅后立即发送通知”的选项):

创建欢迎邮件系列

此时,您可以单击通知旁边的箭头来编辑通知的内容。如果您拥有PushEngage的高级或企业版套餐,您将能够添加多个通知来创建一系列自动欢迎消息。只需点击Add New Notification并编辑内容。

完成后,点击邮件序列设置并选择将您的欢迎广告系列发送给所有订阅者的选项:

向所有订阅者发送推送通知

然后,向下滚动以设置您自己的 UTM 参数以跟踪推送通知

UTM 参数

完成后,滚动回顶部并点击激活自动回复器按钮:

激活自动回复器

就这样!

您已在网站上成功设置了网站推送通知。现在是时候回到您的PushEngage仪表板,开始创建您的推送通知广告系列了。

在网站上添加推送通知后该怎么做

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

如果您是推送通知新手,在上线之前,您应该遵循一个完整的 推送通知测试 流程。这将帮助您在访问者看到它们并开始抱怨糟糕的用户体验之前,排除常见问题。

您还应该查看一些更自动化的推送通知广告系列,例如:

如果您在以上任何步骤中遇到困难,我们建议您联系我们的客户成功经理。我们非常乐意帮助您解决任何问题。

如果您还没有,请继续尝试 PushEngage。PushEngage 是全球排名第一的推送通知服务。因此,如果您想认真发展您的业务,PushEngage 是您的正确选择。

立即开始使用 PushEngage

添加评论

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

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

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

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