Mobile Safari 上的 iOS Web 推送

从 iOS 和 iPadOS 16.4+ 开始，Safari 现在支持来自已添加到用户主屏幕的 Web 应用程序的移动 Web 推送通知。

按照以下步骤配置您的网站并提示用户将您的网站添加到其主屏幕并允许通知。

iOS/iPadOS 网络推送要求：

设备必须运行 iOS 或 iPadOS 16.4+
Web 应用程序必须包含包含正确“显示”设置的 Web 应用程序清单文件
网络应用程序必须添加到网站访问者的主屏幕
在提示发送推送通知的权限之前需要用户交互

如果您已经使用 Web 应用程序清单设置了网站，则它已准备好用于移动 Safari Web Push。

针对所有移动网站的其他建议：

HTTPS 支持
响应式设计

要使用 Aimtell 发送移动 Safari 网络推送通知：

这些说明假设 Aimtell 跟踪代码和 Service Worker 已在您的网站上设置

创建一个Web应用程序清单文件并将其上传到您网站的根目录

您的文件必须包含设置为“独立”或“全屏”的“显示”属性
清单应在您网站的“<head>”中使用“”标记进行引用 -（您应该修改名称和图标下的项目以反映您自己的网站。）

json

{
  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
  "display": "standalone",
  "start_url": "/",
  "name": "Aimtell Web Push Notifications",
  "short_name": "Aimtell",
  "icons": [
    {
      "src": "/web-icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/web-icons/icon-256x256.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "/web-icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "/web-icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}