在任何网站上设置网络推送通知

如何在任何网站上设置Web推送通知

正在寻找为您的网站添加网络推送通知的方法?

推送通知可以帮助您自动生成大量流量、互动和销售,而且几乎不费吹灰之力。但一个主要问题是,您该如何做到这一点?

在本文中,我们将向您展示如何为您的网站添加推送通知,即使您以前从未做过。

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

让我们开始吧。

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

让我们先预览一下您可以通过本文获得的结果。如果您遵循这些步骤,在本文结束时,您应该能够像这样从您的网站发送推送通知:

1 个废弃购物车示例

您的网站是用什么构建的都没关系。无论您使用何种技术栈来开发您的网站,您都可以随时在您的网站上安装推送通知。我们将在接下来的几个部分中介绍所有这些内容。

让我们开始吧。

第 1 步:设置您的 PushEngage 帐户

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

PushEngage

您可以选择免费套餐来试用 PushEngage,或者如果您想认真发展您的业务,可以选择付费套餐。付费套餐提供更多广告系列选项,并能够建立更大的订阅者列表。

注册账户后,请前往 PushEngage 仪表板并转到 设置 » 网站设置 » 安装设置

PushEngage网站设置

在这里你可以配置你的网站详细信息和品牌。请立即设置你的推送通知的徽标和网站 URL。你应该立即这样做,以便能够正确测试你的推送通知。

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

接下来,您需要前往 PushEngage 仪表板并获取安装代码。转到 设置 » 网站设置 » 安装设置

将推送通知添加到 Squarespace 网站

事情从这里开始变得有点技术性了。

在此选项卡中,您会看到可以为不同类型的网站获取不同的代码。

找到适合您网站的代码并复制它。

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

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

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

只需按照 Service Worker 设置 中的说明操作,您就大功告成了:

服务工作线程设置

就这样!

您已成功在未安装插件的情况下为 WordPress 安装了网络推送通知。

第 3 步:将安装代码放入您网站的 HTML 中

基本上,无论您拥有哪种类型的网站,您都希望将此安装代码放置在您网站的 HTML <head> 中。并且此过程因平台而异。如果您想获取有关如何为您的网站安装网络推送通知的特定平台指南,请查看这些资源:

如果您运行的是基于 HTML 构建的自定义网站,您会确切地知道将代码放在哪里。但是,将安装代码放置在您网站的 head 中的过程会根据您的 CMS 或网站构建器而有所不同。

对于某些 CMS,您可以直接从仪表板插入安装代码。在其他情况下,如使用 PrestaShop,您需要改用 PushEngage API 密钥。因此,我们建议为任何其他网站遵循这些特定平台的教程。

第 4 步:配置 PushEngage 选择加入

最后,在您的 PushEngage 仪表板中,转到 设置 » 订阅设置 » 订阅对话框 » 编辑

PushEngage 安装设置

您可以在此处自定义推送通知选择加入。如果您需要帮助,可以查看这篇关于如何创建自定义推送通知选择加入的文章。

如果您需要一些灵感,可以查看这篇关于高转化率的推送通知选择加入的文章。 

第 5 步:创建欢迎通知

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

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

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

转到 设置 » 网站设置 » 安装设置 并配置您的欢迎消息:

新的欢迎推送通知

最后,回到您的网站并选择您自己的推送通知,以测试一切是否顺利。

就这样!

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

总结

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

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

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

如果您还没有尝试过PushEngage,现在就去试试吧。PushEngage是全球排名第一的推送通知服务。所以,如果您想认真发展您的业务,就应该投资PushEngage。

立即开始使用 PushEngage

添加评论

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

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

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

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