H5 弹窗 SDK

集成 SDK
1. 集成数据采集 SDK
JS 弹窗 SDK 依赖于数据数据采集 SDK，如果还没有集成，请先集成 数据采集 SDK。
H5 弹窗 SDK 只能识别移动端 H5 弹窗，不识别 PC 端 Web 弹窗。如果您需要使用PC 端 Web 弹窗，请参考 Web 弹窗 SDK。如果您的站点自适应 PC 和移动端，请您参考 Web/H5 自适应弹窗 SDK。
2. 集成 H5 弹窗 JS SDK
JS 文件下载地址:
H5 弹窗 JS SDK：https://assets.giocdn.com/sdk/cdp/marketing/h5.latest.js​
SDK 集成方式
按照以下要求，在数据采集 SDK 集成代码下方添加弹窗 SDK 集成代码
<script type='text/javascript'>
    // 弹窗 SDK 必须与数据采集 SDK 配合才能正常工作
    // 请参考帮助文档「开发者文档 > SDK 集成 > JS SDK」完成数据数据采集 SDK 集成
    
    // 弹窗 SDK
    gdp('plugin', {
      id: 'gio_plugin_gtouch-inject',
      src: document.location.protocol + "//assets.giocdn.com/sdk/cdp/marketing/h5.latest.js",
      dataHost: '您的弹窗请求地址'
    })
    //custom page code begin here
    //custom page code end here
    gdp('send');
</script>
示例代码
以下代码中的配置信息都是示例用的，请不要直接复制使用。
 <script type='text/javascript'>
    // 数据采集 SDK 
    !function (e, t, n, g, i) { e[i] = e[i] || function () { (e[i].q = e[i].q || []).push(arguments) }, n = t.createElement("script"), tag = t.getElementsByTagName("script")[0], n.async = 1, n.src = g, tag.parentNode.insertBefore(n, tag) }(window, document, "script", "https://assets.giocdn.com/cdp/gio.js", "gdp");
    gdp('init', 'a500f222e29e3b0c', '9eda0bb1d74f86e4', {
      host: 'gdp-test-api.growingio.com',
      scheme: 'http'
    });
    // 弹窗 SDK
    gdp('plugin', {
      id: 'gio_plugin_gtouch',
      src: document.location.protocol + "//assets.giocdn.com/sdk/cdp/marketing/h5.latest.js",
      dataHost: 'gdp-test.growingio.com'
    });
​
    gdp('send');
  </script>
3. 测试弹窗
集成 SDK 后请务必创建一个「 H5 应用」弹窗进行测试，以保证 SDK 正确集成，弹窗创建方法请参考 创建弹窗。
以前
Web 弹窗 SDK
下一个
Web/H5 自适应弹窗 SDK
最近更新 7 months ago