弹窗SDK(支付宝小程序)

参考代码:https://github.com/growingio/minp-marketing-demo

一. 集成小程序弹窗SDK

  1. 首先先按照 支付宝小程序SDK集成文档进行支付宝小程序SDK的集成。 然后下载https://assets.giocdn.com/sdk/gio-alip.zip 替换index.js(gio-alip.js) 且将弹窗gio-marketing目录放入小程序中

  2. 登陆支付宝小程序后台,进入配置

    打开小程序详情/设置/开发设置

    配置httpRequest接口请求域名白名单:https://messages.growingio.com

  3. 开发者工具要开启component2编译

二. 平台创建支付宝小程序SDK消息

进入GrowingIO官网 -> 用户运营,点击左上角的新建按钮,选择弹窗,然后选择小程序,即可进入小程序的弹窗配置页面

根据您的需要,选择对应的产品触发时机触发次数图片素材点击事件后上线时间停止时间后,保存上线即可。

三. 使用支付宝小程序SDK组件

这里以原生小程序应用为例,其余支付宝小程序框架可参考对应框架对于小程序原生组件的使用方式。如果是第一次集成小程序SDK,建议下载最新GIOSDK全量替换。

3.1 原生小程序应用

1. 在app.json文件中的usingComponents属性中,添加gio-marketing组件

"usingComponents": {
"gio-marketing": "utils/components/gio-marketing/gio-marketing"
},

2. 在每一个page页面的axml文件里,引入gio-marketing组件(原则上只需要在需要弹窗的页面引入组件)

// 例:pages/index/index.axml
<gio-marketing />
<View>Welcome to GrowingIO</View>

四. 接入问题排查文档

遇到集成问题和弹窗未弹出等问题,点击查看文档