正在寻找一个快速简便的指南,了解如何在您的网站上设置网页推送通知?
我们已经为您准备好了。
在本文中,我们将向您展示如何在您的网站上设置网页推送通知,即使您:
- 以前从未做过
- 没有开发人员为您完成
- 尝试过但未能为您的网站添加推送通知
最棒的部分?我们将用通俗易懂的语言来解释。因此,即使您不是开发人员,也可以轻松安装推送通知。
在本文中,我们将使用 PushEngage 为您的网站设置推送通知。PushEngage 是全球排名第一的推送通知软件。因此,您的广告系列将得到妥善处理。
让我们开始吧。
如何为您的网站安装推送通知
在我们开始之前,先快速了解一下在本文结束时您的网站上会是什么样子。如果您按照本教程中的步骤操作,您应该能够像这样从您的网站发送推送通知:

您的网站是如何开发的、您经营的是什么类型的业务,或者任何其他技术规格,都无关紧要。无论如何,您都可以在您的网站上安装推送通知。
让我们开始吧。
第 1 步:设置您的 PushEngage 帐户
访问 PushEngage 主页,然后点击 开始使用 按钮:

您可以选择免费套餐来试用 PushEngage,但如果您想认真发展您的业务,请选择付费套餐。付费套餐包括更好的受众定位选项和广告系列自动化功能。
注册账户后,请前往 PushEngage 控制面板,然后转到 设置 » 网站设置 » 安装设置:

您可以在此屏幕上配置您网站的 URL 和身份。请继续为您的推送通知广告系列和广播设置徽标和网站 URL。
您所有的推送通知订阅者将在您的通知中看到网站名称、网站图片和网站 URL。因此,您应该立即设置这些,以便稍后测试您的推送通知。
第 2 步:从 PushEngage 获取安装代码
接下来,您需要前往 PushEngage 控制面板并获取安装代码。前往设置 » 网站设置 » 安装设置:

在此选项卡中,您会看到可以为不同类型的网站获取不同的代码。找到适合您网站的代码并复制。如果您使用的是未在此选项卡中列出的 CMS 网站,则可以根据您的网站是否安装了 SSL 证书来选择 HTTP 或 HTTPS 选项卡。
接下来的部分非常重要。如果您不执行此步骤,您的网站将无法收集推送通知订阅者。
如果您使用的是 HTTPS 网站并且可以访问服务器的根文件夹,则需要从同一选项卡下载 service-worker.js 文件。然后,将其上传到您的根文件夹。
注意: 如果您无法将 service-worker 文件上传到根文件夹,仍然可以将其上传到另一个文件夹。前往 PushEngage 控制面板 » 设置 » 网站设置 » 高级设置。
只需按照服务工作线程设置中的说明操作即可:

最后,您需要将 PushEngage 的安装代码放在您网站的 HTML <head> 部分。如果您是熟悉 HTML 编码的开发人员,您已经知道如何做到这一点。
但是,如果您是 HTML 新手,并且正在使用 CMS 运行您的网站,请不要担心。编辑 HTML <head> 的过程因平台而异。因此,我们为您创建了最受欢迎平台的详细分步指南:
- 在 WordPress 上安装推送通知
- 在 WordPress 上安装推送通知(无需插件)
- 在 WooCommerce 上安装推送通知
- 在 Wix 上安装推送通知
- 在 Blogger 上安装推送通知
- 在 Zoho 上安装推送通知
- 在 Volusion 上安装推送通知
- 在 Weebly 上安装推送通知
- 在 ClickFunnels 上安装推送通知
- 在 PrestaShop 上安装推送通知
- 在 OpenCart 上安装推送通知
- 在 CS-Cart 上安装推送通知
- 在 Drupal 上安装推送通知
- 在 Squarespace 上安装推送通知
- 在 X-Cart 上安装推送通知
- 在 BigCommerce 上安装推送通知
- 在 Jimdo 上安装推送通知
重要提示:在某些网站构建器和 CMS 中,您可以直接从控制面板插入安装代码。在其他情况下,例如 PrestaShop,您需要使用 PushEngage API 密钥。这就是为什么我们建议遵循特定于平台的教程来正确添加推送通知代码。
第 3 步:配置 PushEngage 确认
最后,在您的 PushEngage 仪表板中,转到 设置 » 订阅设置 » 订阅对话框 » 编辑:

您可以在此处自定义推送通知选择加入。如果您需要帮助,可以查看这篇关于如何创建自定义推送通知选择加入的文章。
如果您需要一些灵感,可以查看这篇关于高转化率的推送通知选择加入的文章。
奖励步骤:创建欢迎通知
完成选择加入设置后,您的网站就可以收集订阅者了。
但是,您如何知道您的推送通知是否正常工作?
我们建议您 创建欢迎推送通知 来测试您的设置是否顺利。欢迎通知是您发送给新订阅者的推送通知,以确认他们的订阅并欢迎他们加入。
转到 设置 » 网站设置 » 安装设置 并配置您的欢迎消息:

最后,回到您的网站并选择您自己的推送通知,以测试一切是否顺利。
就这样!
您已在网站上成功设置了网站推送通知。现在是时候回到您的PushEngage仪表板,开始创建您的推送通知广告系列了。
总结
如果您是推送通知新手,在上线之前,您应该遵循一个完整的 推送通知测试 流程。这将帮助您在访问者看到它们并开始抱怨糟糕的用户体验之前,排除常见问题。
如果您在这些方面遇到困难,我们建议您联系我们的客户成功经理。我们非常乐意帮助您解决任何问题。推送通知是吸引用户重复访问您的网站、增加直接销售和互动的一种绝佳方式。
还不信?查看这些精彩资源:
如果您还没有尝试过,那就去试试 PushEngage 吧。PushEngage 是全球排名第一的推送通知服务。因此,如果您想认真发展您的业务,PushEngage 是您的正确选择。