Skip to main content

微信小程序

集成准备​

获取SDK初始化必传参数：AccountID、DataSourceID、AppId、Host​

info

AccountID：项目ID，代表一个项目
DataSourceID：数据源ID，代表一个数据源
AppId：小程序应用ID
Host：采集数据上报的服务器地址，非平台地址

AccountID、DataSourceID、AppId 需要在CDP增长平台上新建数据源，或从已创建的数据源中获取, 如不清楚或无权限请联系您的专属项目经理或技术支持

创建​
查看​

集成​

对于微信小程序多样的开发方式，我们给出了主流开发方式的集成方法参考。如您使用了其他开发方式，请咨询我们。

集成方式参考示例代码，注意不要随意修改初始化代码位置。SDK不支持在小程序中任意生命周期中进行初始化。

caution

如果您使用有GrowingIO 小程序运营SDK， 且集成本文档中的SDK版本 >=3.3.2，请在初始化SDK时，增加配置项 enableEventStore: true

caution

注：小程序SDK 3.3版本已不再维护，请尽快升级至3.8或4.0版本，具体升级步骤请咨询我们的技术支持。

下载SDK​

点击下载SDK，存放在项目中，下文中以`utils/gio`目录为例。
(如果您点击链接在浏览器中直接打开了文件并不是下载文件，请尝试右键点击链接，选择 链接存储为... 即可正常触发下载)​

原生开发​

在根目录app.js文件的顶部添加跟踪代码：

// app.js
var gdp = require("utils/gio/gio-minp.js").default;

gdp('init', 'your GrowingIO accountId', 'your dataSourceID', 'your AppId', {
    version: '小程序版本',
    host: 'your serverHost',
    ...其他配置项
});

Taro​

在根目录app.jsx文件的顶部添加跟踪代码

// app.jsx
import Taro, { Component } from '@tarojs/taro';
var gdp = require("utils/gio/gio-minp.js").default;

gdp('init','your GrowingIO accountId', 'your dataSourceID', 'your AppId', {
    version: '小程序版本',
    host: 'your serverHost',
    taro: Taro,
    ...其他配置项
});

class App extends Component { ... }
Taro.render(<App />, document.getElementById('app'));

uni-app​

// main.js
import Vue from 'vue';
import App from './App.vue';
App.mpType = 'app';
var gdp = require("utils/gio/gio-minp.js").default;

gdp('init', 'your GrowingIO accountId', 'your dataSourceID', 'your AppId', {
    version: '小程序版本',
    host: 'your serverHost',
    vue: Vue,
    ...其他配置项
});

WePY​

// app.wpy
import Vue from 'vue';
var gdp = require("utils/gio/gio-minp.js").default;

gdp('init','your GrowingIO accountId', 'your dataSourceID', 'your AppId', {
    version: '小程序版本',
    host: 'your serverHost',
    vue: Vue,
    ...其他配置项
});

更多配置项请在集成配置菜单中查看

添加白名单​

由于微信小程序对网络请求的限制参考文档，您需要将 https://your serverHost 在「小程序后台-开发-开发设置-服务器域名」中添加为request合法域名。小程序后台

caution

如果小程序通过第三方平台发布代码，在发布代码之前，需要调用接口在requestdomain中添加https://your serverHost，参考小程序官方第三方说明。

数据校验​

请在init初始化配置项中，将 debug 设置为 true 打开调试模式，然后在开发者工具中Console标签中即可实时查看SDK上报的log数据。如下图：