- 開啟小游戲流量主
- 開啟流量主(訪問量>=1000)
- 創建廣告位
- 微信小游戲平臺的廣告型別主要分為1:banner廣告，2:插屏廣告，3:激勵視頻，4:格子廣告以及5:原生模版廣告，
- 微信小游戲平臺的廣告型別主要分為1:banner廣告，2:插屏廣告，3:激勵視頻，4:格子廣告以及5:原生模版廣告，
- 創建好廣告位就開始撰寫代碼
- 定義幾個全域變數，分別為
window.bannerAdv = null;
window.videoAdv = null;
window.interstitialAd = null;
- 初始化廣告組件
- 這里我直接初始化了3個廣告型別(banner，視頻，插屏)
let winSize = wx.getSystemInfoSync();//獲取像素size
// 創建 Banner 廣告實體，提前初始化
let bannerWidth = 300
let bannerHeight = 80
bannerAdv = wx.createBannerAd({
adUnitId: '',//傳入自己的id，此處為banner廣告位ID
adIntervals: 30,//定時重繪，最低30S
style: {
left: (winSize.windowWidth - bannerWidth) / 2,
top: winSize.windowHeight - bannerHeight,
width: bannerWidth,
},
})
//重新定banner位置
bannerAdv.onResize((res) => {
bannerAdv.style.top = winSize.windowHeight - bannerAdv.style.realHeight-1;
})
// 在適合的場景顯示 Banner 廣告
bannerAdv.show();//不建議直接顯示
//拉取失敗處理
bannerAdv.onError((err) => {
console.log(err);
})
// 創建激勵視頻廣告實體，提前初始化
videoAdv = wx.createRewardedVideoAd({
adUnitId: ''//傳入自己的id，此處為視頻廣告位ID
})
// 創建插屏廣告實體，提前初始化
if (wx.createInterstitialAd) {
interstitialAd = wx.createInterstitialAd({
adUnitId: ''//傳入自己的id，此處為插屏廣告位ID
})
}
},
- 創建好后，在合適的地方呼叫
- banner廣告呼叫
//顯示banner
bannerAdv.show()
//隱藏banner
bannerAdv.hide()
//銷毀banner
bannerAdv.destroy()
- 激勵式視頻廣告呼叫
// 用戶觸發廣告后，顯示激勵視頻廣告
videoAdv.show().catch(() => {
// 失敗重試
videoAdv.load()
.then(() => videoAdv.show())
.catch(err => {
console.log('激勵視頻 廣告顯示失敗')
})
})
//拉取例外處理
videoAdv.onError((err) => {
console.log(err);
})
videoAdv.onClose((res) => {
if(!videoAdv)return;
videoAdv.offClose();//需要清除回呼，否則第N次廣告會一次性給N個獎勵
//關閉
if (res && res.isEnded || res === undefined) {
//正常播放結束，需要下發獎勵
} else {
//播放退出，不下發獎勵
}
})
- 插屏廣告呼叫
// 在適合的場景顯示插屏廣告
if (interstitialAd) {
interstitialAd.show().catch((err) => {
console.error(err)
})
}
- 接下來就可以打包微信平臺，然后將代碼放入微信開發者工具中，在開發者工具中看到廣告是否正常拉取了喔，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/376041.html
標籤：其他
上一篇：小der和我