天幕微信版文档
返回天幕联系我们天幕QQ版文档
天幕v2.0用户帮助文档
天幕v2.0用户帮助文档
  • 新手入门
  • 名词解释
  • 主模块1:卖量助手
    • 主要功能及操作说明
      • 投放管理
      • 数据报表
      • 广告主游戏管理
      • 流量主游戏管理
      • 结算单管理
    • 广告位说明
      • 天幕多Icon广告位
      • 天幕浮动窗广告
      • 天幕插屏广告
      • 天幕伪视频广告
      • 天幕Banner广告
    • 数据指标说明
    • 天幕创意下发策略
    • 技术接入指南
      • 接入前必读
      • 【通用】SDK接入
      • 【通用】SDK初始化
      • 【通用】登录/用户信息
        • .login
        • .updateUserInfo(注意更新)
        • .updateUserProfile
      • 组件化方式接入广告位
        • .createFlow
          • 渲染多Icon广告位
          • 渲染浮动窗广告位
          • 渲染插屏广告位
          • 渲染伪视频广告位
      • API方式接入广告位
        • .getFlowConfig
        • .flowNavigate
      • 获取广告位开关状态 (.checkFlowIsOpen)
      • 【通用】开发demo
  • 主模块2:买量助手
    • 主要功能及操作说明
      • 渠道机制与管理
      • 渠道商与开放数据管理
      • 数据菜单
      • 微信广告投放说明
      • 自动计算成本
    • 渠道类型说明
    • 数据指标说明
    • 技术接入指南
      • 接入前必读
      • 【通用】SDK接入
      • 【通用】登录
      • 【通用】开发demo
  • 主模块3:游戏数据
    • 主要功能说明
    • 数据指标说明
      • 核心数据
      • 活跃用户
      • 新增用户
      • 新增留存
      • 活跃留存
      • 收入概况
      • 广告分析
      • 内购分析
      • 渠道分析
      • 分享裂变
      • 性能分析
    • 技术接入指南
      • 接入前必读
      • 【通用】SDK接入
      • 【通用】登录
      • 性能分析 (.sendLoadingLog)
      • 微信广告分析
        • .createRewardedVideoAd
        • .createBannerAd
      • 内购分析
      • 【通用】开发demo
  • 主模块4:游戏配置
    • 主要功能及操作说明
      • A/B test
      • 自定义事件
      • 版本控制
      • 分享素材配置
      • 在线参数
      • 用户日志(暂未开放)
    • 技术接入指南
      • 接入前必读
      • 【通用】SDK接入
      • 【通用】SDK初始化
      • 【通用】登录
      • A/B test(.abtest)
      • 自定义事件 (.sendEvent)
      • 版本控制 (.getJudgeConfig)
      • 分享素材配置
        • .onShareAppMessage
        • .shareAppMessage
        • .getShareTemplates
      • 在线参数 (.getAppJSONConfig)
      • 【通用】开发demo
  • 通用功能说明
    • 自定义视图
    • 内部结算
    • 游戏收支
      • 卖量收入管理操作说明
      • 微信收入管理操作说明
      • 买量成本管理操作说明
      • 内购退款管理操作说明
    • 成员权限
    • 游戏管理
    • 内购数据回传
    • 有效新增用户
    • 获取accessToken
  • 技术接入指南
    • 必须或基础功能
      • SDK接入
      • SDK初始化
      • 登录与获取用户信息
        • .login
        • .updateUserProfile
      • 文本/音频内容安全识别
      • 同步玩家游戏信息
    • 卖量助手类功能
      • 准备工作(必读)
      • 组件化方式接入广告位
        • .createflow
          • 渲染多Icon广告位
          • 渲染浮动窗广告位
          • 渲染插屏广告位
          • 渲染伪视频广告位
      • API方式接入广告位
        • .getFlowConfig
        • .flowNavigate
      • 获取广告位开关状态 (.checkFlowIsOpen)
    • 游戏数据类功能
      • 内购分析
      • 微信视频分析(.createRewardedVideoAd)
      • 微信banner分析(.createBannerAd)
      • 性能分析 (.sendLoadingLog)
    • 游戏配置类功能
      • 版本控制 (.getJudgeConfig)
      • 在线参数 (.getAppJSONConfig)
      • 自定义事件 (.sendEvent)
      • A/B test(.abtest)
      • 悬浮窗
      • 分享素材配置
        • .onShareAppMessage
        • .shareAppMessage
        • .getShareTemplates
  • 常见问题
    • 热门问题
    • 游戏提审发版
    • 卖量助手
    • 买量相关
    • 数据相关
    • 游戏配置
    • 兼容问题
    • 多Icon广告位 - 支持“多帧动图200*200”
  • 更新日志
    • 天幕更新日志
    • SDK更新日志
  • 天幕产品定价方案
  • 服务条款
    • 服务条款
    • 隐私政策
  • 联系我们
由 GitBook 提供支持
在本页
  • 实机兼容性
  • 支持的引擎
  • 组件样式
  • 使用实例
  • 销毁
  • onError
  • offError
  • 监听广告位跳转事件
  • 取消监听广告位跳转事件
  1. 主模块1:卖量助手
  2. 技术接入指南
  3. 组件化方式接入广告位
  4. .createFlow

渲染多Icon广告位

本篇介绍如何使用createFlow进行多Icon广告的渲染。

上一页.createFlow下一页渲染浮动窗广告位

最后更新于4年前

实机兼容性

  • 以下为通过实机测试的引擎以及版本,通常情况下,支持同一大版本下同一引擎的渲染(假设支持版本为1.0.0引擎,1.7.0,1.8.0,1.9.0版本的引擎可能都支持)。

  • cocos引擎中,请确保在画布渲染完毕之后调用createFlow

支持的引擎

引擎

版本号

laya

v1.7.1

laya

v2.0.0beta5.1

cocos

v1.9.3

cocos

v2.0.5

组件样式

组件化接入样式如下,如无法满足需求,可使用

使用实例

只要确定广告位的参数与需要渲染的位置即可,SDK会根据广告位ID自动渲染出对应类型的广告位

let flowUI = wx.tmSDK.createFlow({
    positionId: 1260,
    width: 375, // 设置尺寸,最小为类似微信banner的300,最大为微信视图宽
    x: 0,     
    y: 300,  
});
// 监听错误事件
flowUI.onError(function({message}) {
    console.log(message)
});

销毁

正常情况下,游戏场景切换时,该UI组件会自动销毁。如果需要在某些场景销毁该组件,请使用destroy方法。

flowUI.destroy();

如果出现调用销毁方法后,组件未立即销毁的情况,请使用如下写法:

setTimeout(() => flowUI.destroy());

onError

flowUI.onError(function(error) {
    console.error(error);
})

offError

let callBack = function(error){ // 假设onError的时候绑定的为该函数
    console.log(error)
};
flowUI.offError(callBack);  // 取消某个监听事件

监听广告位跳转事件

flowUI.onNavigate(function(error) {
    console.error(error);
})

取消监听广告位跳转事件

let callBack = function(error){
    console.log(error)
};
flowUI.offNavigate(callBack);  // 取消某个监听事件
API方式接入
多Icon广告位组件展示样式