如何发送 iOS Web 推送通知

如何为您的应用添加 iOS 推送通知(简便方法)

正在寻找有关如何发送 iOS 推送通知并发展业务的指南?

你来对地方了。

在本文中,我们将向您展示如何为您的渐进式 Web 应用 (PWA) 添加 Web 推送通知,创建您的第一个推送广告系列并发送它。所有这些都无需编码,并且可以在 10 分钟内完成。

听起来不错?让我们开始吧!

如何为您的应用添加 iOS 推送通知

为网站安装 iOS 和 iPadOS Web 推送通知并不难。但确实需要一些步骤,您需要逐步遵循本指南。

在任何时候都不要跳过步骤,您就会没事的。

在创建欢迎推送通知活动之前,您需要选择一个推送通知服务。推送通知服务是一种允许您在不进行任何编码的情况下创建推送活动的软件。

我们推荐使用PushEngage

使用 PushEngage 发送 iOS 推送通知

PushEngage 是全球排名第一的推送通知插件。

推送通知可帮助您自动增加网站流量和参与度。如果您经营在线商店,PushEngage 还可以通过帮助您创建自动电子商务推送通知来帮助您增加销售额。

您可以免费开始使用,但如果您想认真发展业务,则应购买付费套餐。此外,在购买任何推送通知服务之前,您应该查看这篇关于 推送通知成本的指南。

PushEngage 提供以下功能,快速概览:

您会发现,如果您想为您的业务带来流量、参与度和销售额,PushEngage 绝对是最佳选择。而且,如果您预算有限,您总是可以 在推送通知方面发挥创意

开始吧!

第 1 步:创建免费的 PushEngage 账户

前往 PushEngage 并点击 立即免费开始:

PushEngage 网页通知 WordPress

您可以从免费套餐开始。但如果您正在寻找最强大的浏览器通知,您应该根据您的业务需求选择付费套餐。一旦您知道您想要哪个套餐,请点击 开始使用 来创建您的PushEngage账户。

第 2 步:注册 PushEngage

现在,是时候创建您的 PushEngage 账户了。首先使用电子邮件地址或 Gmail ID 注册:

PushEngage 账户设置

然后,填写您的账户详细信息:

设置 PE 账户

并添加您的信用卡信息以购买您的套餐:

添加卡片 PE

如果您选择了免费帐户,那么在您选择升级套餐之前,您的信用卡永远不会被收费。现在,您已准备好访问您的 PushEngage 仪表板。只需点击 完成注册并立即访问

如果您以前使用过 OneSignal 或 PushAlert,您会发现 PushEngage 在仪表板上为您提供了更简洁的体验。OneSignal 仪表板并非为高级广告系列而设计。为此,您将需要 API 而不是 OneSignal 插件。

第 3 步:为您的网站添加 Web 应用清单文件

网络应用清单视为一个特殊文件,当您的网站安装在某人的手机或电脑上时,它就像一本指南。它使用一种称为 JSON 的语言编写,但您不必担心这一点。

清单文件包含有关您的 Web 应用的重要信息,例如其名称、描述、图标和颜色。因此,当有人将您的网站添加到主屏幕或在设备上安装它时,浏览器会使用此清单来了解您的应用的外观和行为。

例如,清单会告诉浏览器在主屏幕或应用抽屉中使用哪个图标来代表您的应用,使其看起来美观且易于识别。它还指定了您应用的颜色和主题,以赋予其一致且吸引人的外观。

此外,清单还包括当有人启动您的应用时应打开的 URL。这样,浏览器就知道要首先向他们显示您网站的哪个页面或部分。

使用在线工具可以快速创建清单文件,这些工具会为您处理繁重的工作。我们建议使用此免费应用清单生成器,只需点击几下即可构建您的 Web 应用清单,无需编写任何代码。

准备好清单后,通常将其命名为“manifest.json”并将其上传到网站的根文件夹。

简而言之,Web 应用清单就像一本手册,可以让您的 Web 应用在用户设备上使用时看起来和感觉都恰到好处。它是为您的网站访问者创造出色用户体验的重要组成部分。

典型的清单看起来像这样:

{
	"name": "PushEngage",
	"short_name": "PushEngage",
	"start_url": "/",
	"display": "standalone",
	"theme_color": "#3b43ff",
	"background_color": "#ffffff",
	"icons": [
		{
			"src": "icon/icon-128x128.png",
				"sizes": "128x128",
				"type": "image/png"
		},
		{
			"src": "img/icon-192x192.png",
			"sizes": "192x192",
			"type": "image/png"
		},
		{
			"src": "img/icon-512x512.png",
			"sizes": "512x512",
			"type": "image/png"
		}
 	]
}

将清单文件添加到网站服务器的根文件夹后,您需要在网站的 HTML 头部添加一个代码片段。代码片段看起来会像这样:

<link rel="manifest" href="/manifest.json">

如果您正在使用 WordPress 并且需要帮助将此代码片段添加到您网站的页眉,您可以使用 WPCode 上传清单文件。它是 WordPress 的最佳代码片段插件之一。

第 4 步:将 PushEngage 安装到您的 WordPress 网站

注意:如果您没有运行 WordPress 网站,请查看我们的安装指南

您已创建帐户。因此,请前往 PushEngage 仪表板 并按以下步骤操作:

PushEngage 仪表板

点击 网站设置 » 网站详情 并点击 点击此处获取设置说明 按钮:

PushEngage 安装设置

点击 WordPress 选项卡,然后点击 安装 PushEngage WordPress 插件 按钮,将插件安装到您的网站上。

PushEngage WordPress 安装

精彩的部分来了: 当您创建 PushEngage 账户时,您已经将您的网站与 PushEngage 账户同步。因此,点击 PushEngage 仪表板中的安装链接,即可自动将 PushEngage WordPress 插件安装到您的网站。

第 5 步:将您的 WordPress 网站与 PushEngage 连接

安装并激活 PushEngage WordPress 插件后,您将看到 PushEngage 的入门向导:

PushEngage 向导

该向导相当直接。如果您是新用户,请点击 新用户?认领您的免费帐户。如果您已经注册,请点击 连接您现有的帐户

接下来,您可以在 连接已注册的网站 下的 选择网站 下拉菜单中选择您的网站,如果您在注册过程中已注册了网站:

在 PushEngage 中注册网站

或者,您可以点击 注册新网站 来添加新网站,如果您有 高级定价计划或更高版本。在下一步中,入门向导将提示您安装其他 必备的 WordPress 插件

推荐的 WordPress 插件

如果您正确遵循了每个步骤,您将从向导中看到此成功消息:

PushEngage 安装成功

您现在可以创建广告系列和推送通知弹出窗口了。

第 6 步:测试您的网站清单

好的,让我们一步步来测试您的 Web 应用,确保一切运行顺畅。

首先,在您的 iPhone 或 iPad 上使用 Safari 浏览器打开您的网站。请确保您的设备运行的是 iOS 16.4 或更高版本。网站加载后,您会看到一个共享按钮。它看起来像一个带有向上箭头的正方形。点击该按钮以打开共享菜单。

在共享菜单中,您应该会找到一个名为添加到主屏幕的选项。点击该选项。

添加到主屏幕

现在,Web 应用将像您从 App Store 下载的任何其他应用一样,保存到您设备的主屏幕上。

如果一切设置正确,当您从主屏幕打开应用时,它将不再在 Safari 浏览器中打开。相反,它将感觉就像在您的 iPhone 或 iPad 上使用普通应用程序一样。

为了让您的用户知道他们可以从您的应用获取 Web 推送通知,您可以在屏幕上显示一个横幅。此横幅将提示他们将您的应用添加到主屏幕并订阅 Web 推送通知。这是让您的用户与您的应用保持互动并接收重要更新的便捷方式。

因此,请遵循这些步骤,您就可以为 iOS 设备上的用户提供流畅且类似应用的体验了!有关测试推送通知的完整演练,请参阅我们关于iOS 网络推送通知的文档。

如何个性化您的广告系列

在创建广告系列之前,您应该设置细分和受众群体,以发送个性化的推送消息

通过为您的推送通知订阅者创建细分和受众群组,您可以获得无与伦比的个性化体验。前往 PushEngage » 受众 并立即开始创建细分和受众群组。

在 Segments 选项卡下,您可以创建新细分或编辑现有细分:

PushEngage WordPress 插件细分受众

如果您需要更深入的个性化设置,请在 Audience Groups 选项卡中创建一个受众群体:

PushEngage WordPress 插件中的受众分组

如果您是首次接触推送通知细分和 个性化推送通知,建议您阅读我们的文章 如何创建细分 以及关于 高级受众分组 的公告。

最酷的部分是,您可以通过为仅限 iOS 和 iPadOS 用户创建受众群体来创建有针对性的推送广告系列:

目标为 iOS 和 iPadOS 的 Audience 群组

您可以在此受众群体中用于您的自动回复广告系列和广播。

如何创建推送通知自动回复广告系列

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

创建新的自动回复邮件

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

创建欢迎邮件系列

此时,您可以点击通知旁边的箭头来编辑通知内容。

如果您拥有 PushEngage 的高级或企业版套餐,您将能够添加多个通知来创建一系列自动欢迎消息。只需点击添加新通知并编辑内容。

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

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

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

用于 RSS 推送通知的 UTM

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

激活自动回复器

您就完成了!

如何发送 iOS 网络推送广播

前往您的PushEngage 控制面板,然后转到 **Campaign » Push Broadcasts**,并点击 **Create a New Push Broadcast** 按钮:

创建新的推送广播

在 **Content** 选项卡下,添加您的推送通知内容:

推送广播内容

您还可以设置 A/B 测试以提高您的点击率,或者您可以安排您的推送广播以获得更多浏览量。无论哪种情况,您都应该查看我们的推送通知最佳实践以获得最佳效果。

如何创建 iOS 推送通知弹出模态框

推送通知弹出窗口是一个出现在网站或移动应用程序界面之上的小型窗口,用于向网站访问者显示消息或通知。

弹出窗口可以由各种事件触发。您可以设置在访问页面、滚动深度甚至自定义操作(例如 点击按钮)时触发的弹出窗口。

通常,您会在弹出窗口中看到一个号召性用语,例如“订阅”或“允许”,以征得访问者发送推送通知的同意。如果您遵循本教程,您可以创建一个类似这样的弹出窗口:

大型 Safari 风格选择加入(含分段)

您可以创建可以直接细分订阅者的弹出窗口,或者创建仅收集具有地理位置和浏览器等默认属性的订阅者的常规弹出窗口。

返回您的 WordPress 仪表板。转到 PushEngage » 设计

在 PushEngage WordPress 插件中设计弹出窗口

您可以根据需要创建任意数量的弹出窗口。当然,您可以确保它们在每个弹出窗口的显示选项下在不同时间触发。

基于滚动的推送通知optin

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

大型 Safari 风格选择加入(含分段)

如果您想创建更具针对性的弹出窗口,可以使用目标规则选项卡下的目标规则:

启用目标规则 WordPress PushEngage

这些是全局目标规则,将优先于单个弹出窗口的目标规则。但是,如果您愿意,可以通过编辑它们为每个弹出窗口创建强大的目标规则

PushEngage 选择订阅规则

例如,您可以创建不同语言的弹出窗口,以定位来自不同国家的访问者。

如果您想要一些点击率高的模板来开始,您应该查看这篇关于 高转化率的推送通知选择加入的文章。

在发送 iOS 推送通知之前该做什么

您已接近完成。

在开始发送推送通知之前,您需要为您的网站设置订阅选择加入。您的选择加入将把网站访问者转化为推送通知订阅者。因此,这是一个关键要素。 

如果您需要一些灵感,可以查看这篇关于高转化率的推送通知选择加入的文章。设置好选择加入后,您的网站就可以收集订阅者了。但您怎么知道您的选择加入是否正常工作呢?

因此,明智的做法是设置欢迎推送通知

专业提示:您应该花一些时间对推送通知进行全面测试。这将解决最常见的问题,并且您不必浪费时间以后再解决问题。

发送 iOS 推送通知之后该做什么

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

如果您觉得这篇文章有帮助,请务必在下方留言。

开始使用推送通知可能看起来令人生畏。但是,如果您密切关注目标跟踪和分析,您应该会没事的。更重要的是,您将通过推送通知广告系列获得更多利润。以下是一些可以帮助您入门的酷炫资源:

如果您是推送通知的新手,您应该尝试 PushEngage。PushEngage 是市场上排名第一的推送通知软件。您的营销活动将得到妥善处理。

所以,如果您还没有,请立即开始使用 PushEngage

添加评论

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

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

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

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