抖音小程序、微信小程序创建广告位

六经注我

已于 2023-08-28 17:53:46 修改

阅读量2.6k

点赞数 1

文章标签：小程序微信小程序

于 2023-03-02 15:17:54 首次发布

本文链接：https://blog.csdn.net/violetta521/article/details/129296465

版权

抖音小程序

抖音开放平台-流量主行为规范这个是抖音文档，但是妮妮手把手教你写代码~

开通流量主

必须满足开通条件才能开通广告位！！！

申请广告位ID

满足条件之后，点击开通按钮，填写绑定账户和广告位类型，你就拥有广告ID啦，恭喜恭喜~

代码开发

激励视频

妮妮这次主要写的是抖音开放平台-tt.createRewardedVideoAd 激励视频，应该其他的也大同小异

  onLoad() {
    // 创建实例
    this.ad = tt.createRewardedVideoAd({
      adUnitId: "xxx",
    });

    // 监听错误
    this.ad.onError((err) => {
      tt.hideLoading();
      switch (err.errCode) {
        case 1004:
          // 无合适的广告
          break;
        default:
        // 更多请参考错误码文档
      }
    });

    // 监听视频播放完成
    this.ad.onClose((data) => {
      tt.hideLoading();
      if (data.isEnded) {
        console.log("观看了", data.count, "个视频");
      } else {
        console.log("未观看完视频");
      }
    });

    // 预加载资源
    this.ad.load();
  },

  // 处理用户点击，这里就可以打开激励视频啦
  handleClick() {
    tt.showLoading();
    this.ad.show();
  },

Banner广告

抖音开放平台-ad 广告组件 banner是以组件的形式接入的,banner 型广告的宽度受 css 样式影响

  <ad
      unit-id="{{unitId}}" 
      bindload="bindload"
      binderror="binderror"
      bindclose="bindclose"
      ad-intervals="{{adIntervals}}"
      fixed="{{fixed}}"
      type="{{type}}"
      scale="{{scale}}"
    />


// uniapp的开发的话注意格式哦~
// <ad :unit-id="unitId" @load="bindload" @error="binderror" @close="bindclose" :ad-intervals="adIntervals" :fixed="fixed" :type="type" /> 


data: {
    unitId: '广告位 id，必填',
    adIntervals: 31,//广告自动刷新的间隔时间，只对 banner 型广告生效。单位为秒，参数值必须大于等于 30（该参数不传入时 banner 广告不会自动刷新）
    fixed: false,//广告是否在屏幕中固定展示
    type: 'banner',//广告的类型
    scale: 100,//广告的缩放比例，100 为标准尺寸
  },
methods:{
    bindload(){//广告加载成功的回调方法},
    binderror(err){//广告加载失败的回调方法,可以查看错误码,分析错误},
    bindclose(){//广告加载关闭的回调方法},
}

我在真机调试的时候,会出现报错误码1004的情况,是正常的,说明当前无合适的广告，广告不是每一次都会出现，这次没有出现可能是由于该用户不适合浏览广告,可能因为测试请求太多，导致被判为恶意刷流量，当天广告就不可见了。