运营平台使用指南
  • 产品简介
  • 快速上手 - App
  • 快速上手 - Web
  • 快速上手 - H5
  • 快速上手 - 小程序
  • 开发者文档
    • Webhook 通道对接
    • SDK集成
      • SDK更新日志
      • iOS SDK
        • iOS SDK 概述
        • 弹窗 SDK(iOS)
        • 推送 SDK(iOS)
        • 资源位 SDK(iOS)
        • 集成后调试指南
        • 常见问题
        • iOS 推送证书设置指南
        • iOS推送1.3.2及以前推送版本升级指导
        • iOS SDK 1.1.2及以下旧版本升级指导
      • Android SDK
        • 弹窗 SDK (Android)
        • 推送 SDK(Android)
        • 资源位 SDK(Android)
      • Flutter SDK
        • 弹窗 SDK(Flutter)
      • RN SDK
        • 弹窗 SDK( RN)
      • 小程序SDK
        • 弹窗SDK(微信小程序)
        • 资源位SDK(微信小程序)
        • 调试指南(小程序)
        • 小程序获取设备访问ID
        • 弹窗SDK(支付宝小程序)
        • 小程序集成常见问题
      • Web弹窗SDK
      • H5弹窗SDK
    • 厂商通道
      • 华为推送通道集成指南
      • 小米推送通道集成指南
      • 魅族推送通道集成指南
      • vivo推送通道集成指南
      • OPPO推送通道集成指南
    • API参考
      • 弹窗API
      • 推送API
  • 产品使用文档
    • 权限配置
    • 弹窗
      • 创建弹窗
      • 弹窗数据
      • 弹窗管理
      • A/B测试
    • 资源位
      • 创建资源位
      • 轮播图设置
      • 资源位数据
    • 推送
      • 概述
      • 推送准备
      • 创建推送
      • 推送数据
    • 短信
      • 阿里云短信
      • 云片短信
      • 创蓝短信
    • Webhook
    • 用户分层
    • 流程画布
      • 流程画布核心功能
      • ABtest
  • FAQ
    • 弹窗 FAQ
    • 推送(Push) FAQ
    • 术语解释
Powered by GitBook
On this page
  • 一. 集成小程序弹窗SDK
  • 二. 平台创建支付宝小程序SDK消息
  • 三. 使用支付宝小程序SDK组件
  • 3.1 原生小程序应用
  • 四. 接入问题排查文档

Was this helpful?

  1. 开发者文档
  2. SDK集成
  3. 小程序SDK

弹窗SDK(支付宝小程序)

Previous小程序获取设备访问IDNext小程序集成常见问题

Last updated 3 years ago

Was this helpful?

参考代码:

一. 集成小程序弹窗SDK

  1. 首先先按照 进行支付宝小程序SDK的集成。 然后下载 替换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>

四. 接入问题排查文档

遇到集成问题和弹窗未弹出等问题,点击查看文档
https://github.com/growingio/minp-marketing-demo
支付宝小程序SDK集成文档
https://assets.giocdn.com/sdk/gio-alip.zip