微信小程序在達到條件時就可以開通流量主黍聂,申請接入廣告了躺苦,用自己辛辛苦苦碼出來的成果賺點小錢。目前廣告有三種類型:
Banner廣告产还、激勵式視頻匹厘、插屏廣告
開通條件:
· 累計獨立訪客(UV)不低于1000
· 有嚴重違規(guī)記錄的小程序不予申請
1.創(chuàng)建廣告位,拿到廣告位ID
流量主.png
2.代碼實現(xiàn):
//Banner廣告
<view class="menu-body">
<block wx:for="{{videoList}}" wx:key="{{item.id}}">
<ad wx:if="{{index%4==1}}" unit-id="adunit-6eaa6121c53rtx"></ad>
<template is="videoItem" data="{{item}}"></template>
</block>
</view>
//激勵式視頻:
videoClick: function() {
// 在頁面中定義激勵視頻廣告
let videoAd = null
// 在頁面onLoad回調(diào)事件中創(chuàng)建激勵視頻廣告實例
if (wx.createRewardedVideoAd) {
videoAd = wx.createRewardedVideoAd({
adUnitId: 'adunit-6eaa6121c53rtx'
})
}
// 用戶觸發(fā)廣告后脐区,顯示激勵視頻廣告
if (videoAd) {
videoAd.show().catch(() => {
// 失敗重試
videoAd.load()
.then(() => videoAd.show())
.catch(err => {
console.log('激勵視頻 廣告顯示失敗')
})
})
}
},
//插屏廣告:
Page({
onLoad: function(options) {
// 在頁面中定義插屏廣告
var interstitialAd = null;
// 在頁面onLoad回調(diào)事件中創(chuàng)建插屏廣告實例
if (wx.createInterstitialAd) {
interstitialAd = wx.createInterstitialAd({
adUnitId: 'adunit-6eaa6121c53rtx'
})
}
// 在適合的場景顯示插屏廣告
if (interstitialAd) {
interstitialAd.show().catch((err) => {
console.error(err)
})
}
},
})
注意:剛接入視頻時報錯愈诚,有可能是騰訊沒有分配到廣告資源,并不一定是接入流程或者代碼的錯誤牛隅;仔細檢測后炕柔,若是沒有投放廣告的原因就可以提審上線,騰訊后續(xù)會給你的小程序分配廣告資源媒佣。
廣告效果:
Banner廣告:
一般在列表中每隔幾個項就插入一個廣告匕累,或者固定在頁面底部(小游戲中居多)。
Banner廣告.png
激勵式視頻:
激勵式視頻.png
插屏廣告:
一般用在首頁默伍,就是剛進入小程序時出現(xiàn)一個廣告彈窗欢嘿。
插屏廣告.png
個人使用云開發(fā)的小程序 “喃喃故事匯” 已上線衰琐,歡迎查看效果。
搜索"喃喃故事匯".jpg