這篇文章主要介紹了微信小程序添加插屏廣告并設(shè)置顯示頻率的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

采用H5響應(yīng)式網(wǎng)站+css3國(guó)際標(biāo)準(zhǔn)網(wǎng)站建設(shè)，讓網(wǎng)站自動(dòng)適應(yīng)用戶使用終端設(shè)備，PC、平板、手機(jī)等，一個(gè)網(wǎng)址適應(yīng)，一套內(nèi)容統(tǒng)一戰(zhàn)略，節(jié)約企業(yè)資源。創(chuàng)新互聯(lián)還提供網(wǎng)站后期營(yíng)銷如：軟文平臺(tái)、賣鏈接、廣告投放等。一般建站公司不為企業(yè)填充資料，更談不上內(nèi)容策劃，結(jié)果導(dǎo)致網(wǎng)站界面優(yōu)秀，內(nèi)容卻十分空泛或整體不協(xié)調(diào)，內(nèi)容策劃、內(nèi)容填充請(qǐng)交給我們。

插屏廣告

用戶觸發(fā)小程序中的特定場(chǎng)景時(shí)，插屏廣告將自動(dòng)向用戶展現(xiàn)，用戶可以隨時(shí)關(guān)閉插屏廣告。廣告觸發(fā)場(chǎng)景由流量主自定義，廣告按曝光計(jì)費(fèi)（CPM）。

微信小程序今年新上線了插屏廣告，設(shè)置和在代碼庫(kù)中接入都非常方便。詳細(xì)可見微信小程序官方文檔。

大體的流程就是在小程序后臺(tái)新建廣告位，獲取到廣告位的adUnitId并嵌入到源代碼，因?yàn)椴迤翉V告的單頁(yè)面性，在頁(yè)面的onload處添加即可。

let interstitialAd = null;
if (wx.createInterstitialAd) {
 interstitialAd = wx.createInterstitialAd({
  adUnitId: 'adunit-ID'
 })
}
if(interstitialAd) {
 interstitialAd.show().catch((err) => {
  console.error(err);
 })
}

嵌入廣告非常簡(jiǎn)單，畢竟微信已經(jīng)將所有的接口寫好了，開發(fā)者僅需調(diào)用即可。

主要的功能點(diǎn)是設(shè)置一個(gè)插屏廣告一天只顯示一次，而微信并沒有提供這方面的api，秉持前端能完成的就不要麻煩后端，便想到直接使用緩存存儲(chǔ)當(dāng)期日期，用戶打開頁(yè)面的時(shí)候獲取上次緩存的日期查看是否相同即可。

//這里使用的是mpVue框架，寫在mounted里。
let nowday = new Date().getFullYear().toString() + (new Date().getMonth() + 1).toString() + new Date().getDate().toString() ;

//獲取上次打開頁(yè)面時(shí)間
try {
 let lastDay = wx.getStorageSync('day');
 if(lastDay) {
  console.log('lastday', lastDay);
  console.log('nowday', nowday)
  if(lastDay == nowday) {
   this.flag = false;
  } else {
   this.flag = true;
  } 
 }
} catch (e) {
 //用戶首次打開
 this.flag = true;
 console.error(e);
 console.log('true no storage', this.flag)
}

if(interstitialAd && this.flag) {
 interstitialAd.show().catch((err) => {
  console.error(err);
 })
}
interstitialAd.onLoad(() => {
 try {
  wx.setStorageSync('day', nowday);
  console.log('存儲(chǔ)時(shí)間', nowday);
  } catch (e) { 
  console.log('err', err)
 }
})

PS：下面看下一天只顯示一次的彈出廣告

仿京東官網(wǎng)頂部的廣告關(guān)閉，效果為第一次進(jìn)入官網(wǎng)會(huì)出現(xiàn)廣告，然后點(diǎn)擊關(guān)閉，刷新網(wǎng)頁(yè)不會(huì)再顯示廣告，但是當(dāng)清除localStorage存入的數(shù)據(jù)，刷新網(wǎng)頁(yè)會(huì)再顯示廣告。

html代碼

 
  
  x