开发手册TurboBanner

TurboBanner 配置 & 调用

接入步骤:

配置TurboBanner

  • Dashboard后台Turbo Banner中新建Banner、配置归因参数跟Banner素材

获取TurboBanner代码片段

  • 配置完Banner后在Banner列表获取对应代码片段,并将代码片段添加在页面中

添加代码片段

  • 以下二种调用方式(二选一)
  • 一、添加已复制的代码片段
  • 二、成功加载远端js调用TurboLinkBanner.init方法显示banner(需传入bannerID,代码片段中有bannerID)
//代码片段
<script>
    !function (w, d, n, t, a, o, p) {const de = Date.now();w.TurboLinkSdkObject = t,w.TbBanner = w.TbBanner || function (q) {w.TbBanner.q = q || {}},w.TbBanner.arg = w.TbBanner.arg || a,w.TbBanner.plugins = {},o = d.createElement(n),p = d.getElementsByTagName(n)[0],o.async = 1,o.src = "https://sdk2.turbolink.cc/pixels/turbo-banner.min.js?" + (de ? "t=" + de : ""),p.parentNode.insertBefore(o, p)}(window, document, "script", "TbBanner", { bannerID: "you banner ID" });
    TbBanner({ "showBanner": true});
</script> 
 
//灵活调用方式
<script>
    const script = document.createElement('script');
    script.src = "https://sdk2.turbolink.cc/pixels/turbo-banner.min.js";
    document.head.appendChild(script);
 
    script.onload = () => {
 
        //显示Banner
        TurboLinkBanner.init({
            "showBanner": true,
            "bannerID": "you banner ID"
        })
 
        //设置额外参数
        TurboLinkBanner.setLinkParams([
            { key: "extParamsKey", val: "extParamsVal" }
        ])
 
         //关闭Banner
        TurboLinkBanner.handleCloseBanner()
    };
</script> 

TbBanner & TurboLinkBanner.init方法参数说明

参数说明类型必需默认值
showBanner显示Bannerboolean
bannerIDbanner ID 灵活调用方式时必需string
fixedBannerBanner模块固定在顶部booleanfalse
hotDownload热点击(点击整块Banner跳转)booleanfalse
storageType关闭Banner存储类型 1:sessionStorage 2:localStoragenumber1
lg语言标识 查看stringnull
extParams额外参数 查看Arraynull

额外参数类型

参数说明类型必需默认值
key参数名string
val参数值string | number