微信小程序开发:微信小程序3种接入广告代码_百业营销网

微信小程序开发:微信小程序3种接入广告代码

微信小程序开发 108℃ 0

微信小程序开发:微信小程序3种接入广告代码

微信小程序开发时,非常实用的微信小程序3种接入广告代码方式

1、微信小程序banner广告代码

<ad unit-id="{{ adUnitId }}"></ad>


2、微信小程序视频广告代码

<ad unit-id="{{ adUnitId }}" ad-type="video" ad-theme="white"></ad>


3、微信小程序插屏广告代码

// 微信小程序插屏广告
  createInterstitialAd: function ( adUnitId ) {
    if (interstitialAd != null) return
    if (wx.createInterstitialAd) {
      interstitialAd = wx.createInterstitialAd({ adUnitId: adUnitId })
      interstitialAd.onLoad(() => { console.log('微信小程序广告加载完成’) })
      interstitialAd.onError((err) => {  console.log('微信小程序广告加载错误’)  })
      interstitialAd.onClose((res) => {  console.log('关闭微信小程序广告时触发’)  })
    }
  }
//创建微信小程序插屏广告
this.createInterstitialAd('微信小程序插屏广告代码id' );
//调用微信小程序插屏广告
 interstitialAd.show().catch((err) => {
      console.error(err)
  })


4、微信小程序激励视频广告代码(只能用于视频观看完成后,提供奖励机制使用)

// 微信小程序激励视频广告代码
  createVideoAd: function (adUnitId) {
    var _this = this
    if (rewardedVideoAd != null) return
    if (wx.createRewardedVideoAd) {
      rewardedVideoAd = wx.createRewardedVideoAd({ adUnitId: adUnitId })
      rewardedVideoAd.onLoad(() => {})
      rewardedVideoAd.onError((err) => { })
      rewardedVideoAd.onClose((res) => {
        // 用户点击了【关闭广告】按钮
        if (res && res.isEnded) {
          // 正常的播放完激励视频广告,可以有奖励
          }
        } else {
          // 播放中途退出,没有奖励
          wx.showToast({
            title: "广告未观看完,不提供任何奖励",
            icon: "none",
            duration: 2000
          });
        }
      })
    }
  }
  
  //创建微信小程序激励视频广告代码
  this. createVideoAd(' 微信小程序激励视频广告ID代码 ');
  
  // 调用微信小程序激励视频广告代码
  rewardedVideoAd.show()
     .catch(() => {
       rewardedVideoAd.load()
         .then(() => rewardedVideoAd.show())
         .catch(err => {
         })
     })