web-push - 自定义订阅按钮

Question

我想自定义订阅按钮并将其添加到我的网站，我该怎么做？

目前用户可以使用此链接订阅推送通知： https ://pushpad.xyz/p/3898

Answer 1

你有不同的选择。

选项 1 - 将 Pushpad Express 与 ui=false 一起使用

我认为最简单的方法是在您的网站上创建一个按钮并使用ui=false此处描述的选项： https ://pushpad.xyz/docs/pushpad_express_without_ui

例如，在您的网站上使用此链接创建一个按钮：

https://pushpad.xyz/p/YOUR_PROJECT_ID?ui=false

注意：我注意到您使用的是旧版 Pushpad，不幸的是它不支持 ui=false 选项。为了使用 ui=false 选项，您需要创建一个新的发件人（并选择 Pushpad Express），然后创建一个与新发件人关联的新项目。

选项 2 - 使用 Pushpad Pro

否则，如果您不想将用户重定向到 Pushpad 子域，则可以使用 Pushpad Pro： https ://pushpad.xyz/docs/pushpad_pro_getting_started

另请参阅此页面上的“按钮”示例：https ://pushpad.xyz/docs/javascript_sdk_examples