为您的网站添加 AMP 推送通知

如何为网站添加 AMP 推送通知(简便方法)

正在寻找为网站的 AMP 版本添加推送通知的方法?添加 AMP 推送通知可能有点技术性。但我们将帮助您轻松完成。

AMP 或 Accelerated Mobile Pages 本质上是您网站的移动版本。因此,如果您没有在 AMP 网站上设置网络推送,那么您将失去大量订阅者,因为您的受众中有很大一部分将使用移动设备访问您的网站。

在本文中,我们将使用 PushEngage 来安装 AMP 推送通知,因为它比手动操作要容易得多。

让我们开始吧。

如何安装 AMP 推送通知

安装 AMP 推送通知是一个非常快速简便的过程。只需按照这些步骤操作,在本文结束时,您应该能够像这样从您的网站发送推送广告系列:

黑色星期五超级促销

看起来不错,不是吗?让我们开始吧。

第 1 步:设置您的 PushEngage 帐户

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

PushEngage

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

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

PushEngage网站设置

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

第 2 步:获取 AMP 推送通知安装代码

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

PushEngage 安装设置

转到 AMP 选项卡以获取安装设置。

AMP 推送通知

复制此代码。您需要将此代码粘贴到您网站的 HTML <head> 中。如果您运行的是带有 AMP 版本的 WordPress 网站,最简单的方法是使用 Insert Headers and Footers 插件。这是一个免费插件,您可以在其中粘贴 AMP 安装代码,而无需进入您网站的实际 HTML:

插入页眉和页脚

第 3 步:在您的 AMP 网站上安装 Service Worker

接下来,下载包含 Service Worker 的软件包文件。

AMP 推送服务工作线程

这包括:

  • service-worker.js
  • amp-helper-frame.html
  • amp-permission-dialog.html 

解压缩软件包并将这些文件放在服务器的根文件夹中。这部分 非常重要。如果您跳过此步骤,您的网站将无法收集推送订阅者。

专业提示:如果您不确定根文件夹是什么以及如何将文件上传到那里,您应该查看有关 WordPress 文件和目录结构的文章。这是一份非常简单的初学者指南,您将深入了解 WordPress 的工作原理。

第 4 步:将 AMP 推送 HTML 代码添加到您的网站

接下来,添加 HTML 代码以启用 点击订阅按钮 和一个 取消订阅推送广告系列 的按钮。

此代码启用了您上传的 Service Worker 文件,并允许您的网站显示订阅和取消订阅按钮。要收集订阅者,您需要为访问者提供一种简单的订阅您推送广告系列的方式。取消订阅按钮将为您的活跃订阅者提供一种选择退出方式,如果他们对您的内容不感兴趣。两者都相当重要。

在您希望显示“更新订阅”按钮的位置添加该按钮:

AMP 推送更新 HTML

并添加一个“取消更新订阅”按钮:

取消订阅更新按钮

“取消订阅”按钮将是一个简单的“点按即可取消订阅”按钮。您可以在移动设备和桌面设备上获得非 AMP 网站的更多自定义选项。因此,我们建议您将 AMP CSS 添加到您的 <body> 部分。

AMP CSS

此代码段用于自定义“订阅”和“取消订阅”按钮的外观。如果您想尝试这些样式,请随意尝试。只需确保不要更改代码正在设置样式的 AMP HTML 标签。

就是这样。您已完成。

第 5 步:配置 PushEngage 选择加入

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

弹出式模态框

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

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

奖励步骤:创建欢迎广告系列

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

但是您如何知道您的推送广告系列是否正常运行?

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

转到PushEngage仪表板,然后导航到广告系列 » 滴灌自动回复器,然后点击创建新的滴灌自动回复器

创建新的自动回复邮件

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

创建欢迎邮件系列

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

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

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

然后,向下滚动以设置您自己的 UTM 参数以跟踪推送广告系列

UTM 参数

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

激活自动回复器

就这样!

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

在您的网站上添加 AMP 推送通知后该做什么

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

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

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

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

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

立即开始使用 PushEngage

添加评论

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

关于“如何为网站添加 AMP 推送通知(简单方法)”的 2 条评论

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

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

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