微信小程序开发时,非常实用的微信小程序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 => { }) })