《從0到1上線微信小遊戲》第十一節 接入微信小遊戲廣告

第十一節 接入微信小遊戲廣告

申請公測

開通流量主並創建廣告位

廣告代碼接入實戰

廣告組件審覈


接入廣告是小遊戲實現盈利的一種方式。筆者會在這一小節講解如何接入,並列出接入時需要注意的一些問題。

 

申請公測

想要接入廣告,你的小遊戲必須有"量"。微信給出的條件是遊戲累計註冊用戶達到1000,也就是說要有1000個人玩過你的遊戲,這其實是有一定難度的。除了讓朋友幫忙,或者在相關論壇上推廣外,我們其實可以使用微信給我們的"量"。

登錄小程序後臺後,點擊設置->遊戲設置,再點擊紅框中的申請公測即可:

筆者截圖內容顯示的是已經申請過了的樣子。之後微信就會給你一些量,好讓你的遊戲快速累積到1000個用戶。以下是一些注意點:

  • 現在申請公測後是否給量好像是需要根據遊戲質量來看。所以我建議大家剛開始可以自己推廣,有點量之後再點擊公測申請。
  • 請確保遊戲正常運行後再申請公測,不要讓別人玩全是bug的遊戲,流失率很大。
  • 首次發佈後90天內可以申請,儘量別浪費這次機會。
  • 如果發現微信沒有給量,大家可以去微信開發社區發帖問下管理員(有很多人都在問)。

經常登錄後臺查看訪問量會有點麻煩,大家可以掃描下面官方提供的小程序碼,在手機微信裏面瀏覽:

 

開通流量主並創建廣告位

當累積用戶達到1000後,我們就可以開通流量主了:

開通成功後,我們就可以新建一個廣告位:

注:接下來筆者會以接入Banner廣告爲例,並通過上線的一個小遊戲來給大家展示如何成功接入廣告。

輸入廣告位名稱後,點擊確認:

之後會出現如下提示框,上面顯示着新建廣告位的ID:

可以直接點擊進入廣告位列表按鈕,廣告位ID後面還可以看到。

接着點擊獲取代碼後就可以拿到廣告接入的代碼了:

注:官方已經提供了廣告接入的詳細文檔,建議大家先去查看下。

 

廣告代碼接入實戰

接下來筆者會拿下面這個小遊戲來實戰演示下廣告接入操作:

當我們進入遊戲後,可以看到首頁是這個樣子的:

屏幕下方就是廣告了。現在來看下當時代碼是怎麼寫的:

onLoad () {
    this.bannerAd = null;
    this.initBannerAd();
},

首先筆者在onLoad方法中新建一個this.bannerAd變量用於之後存儲並控制banner廣告實例。initBannerAd方法用來創建廣告實例,裏面是官方提供的代碼:

initBannerAd () {
    if (typeof wx === 'undefined') {
        return;
    }

    let { screenWidth } = wx.getSystemInfoSync();
    let { screenHeight } = wx.getSystemInfoSync();

    this.bannerAd = wx.createBannerAd({
        adUnitId: '這裏放你的廣告ID',
        adIntervals: 30, // 自動刷新頻率不能小於30秒
        style: {
            left: (screenWidth-300)/2,
            top: screenHeight-screenHeight/5,
            width: 300,
        }
    })
    
    this.bannerAd.onError(err => {
        console.log('廣告顯示失敗')
        console.log(err)
    })
}

筆者主要想讓大家注意兩點:

1. 微信要求不能讓廣告擋住小程序界面自帶的按鈕,否則會造成玩家誤點。也就是說,像我這款豎屏的遊戲,如果將廣告放在頂上(也就是style中的top設置爲0), 那麼就一定會擋住小程序按鈕:

由於style沒有bottom屬性,所以我們必須獲取當前機型的寬高並進行計算,從而將廣告放在底部位置。另外廣告的寬度最小爲300(就算是最小也會擋住)。

2. 一定要編寫onError方法,如果沒有編寫,廣告是不會顯示的。你可以就簡單的在裏面打印一些日誌,但該方法主要用來自適應UI。官方要求顯示的廣告不能阻礙玩家玩遊戲,所以我們難免需要調整一些UI的位置好騰出空間來用於廣告顯示。而當廣告顯示失敗時,我們最好將UI位置進行還原,好讓界面看起來不那麼彆扭。

 

廣告實例創建完畢後,我們只需要調用show和hide方法在想要的時刻顯示或隱藏廣告即可:

onLoad () {
    this.bannerAd = null;
    this.initBannerAd();

    // 這裏可能做了些什麼
    ....

    // 再顯示廣告
    if (this.bannerAd)
        this.bannerAd.show();
},

changeScene () {
    // 場景跳轉
    if (this.bannerAd)
        this.bannerAd.hide();
    cc.director.loadScene('其他場景');
},

 代碼編寫完畢後我們就可以上傳版本審覈了。

 

以下是官方文檔上對面的廣告錯誤碼列表:

如果碰到1004錯誤,那麼等一段時間再啓動小遊戲就可以了。

 

廣告組件審覈

當你開通流量主並接入廣告組件代碼後,每次上傳版本審覈都會觸發廣告組件審覈:

注:此時版本審覈包括代碼審覈廣告組件審覈。如果廣告組件審覈失敗不會影響代碼審覈和發佈,微信只是會把你的廣告給暫停顯示了而已。代碼審覈失敗的話只是不能發佈新版本,之前發佈的舊版本中的廣告組件不會受影響,還是會正常顯示。另外微信不會在審覈廣告組件過程中把你的廣告給停了的,只有審覈失敗時纔會。

 如果廣告組件審覈失敗,請大家去小程序後臺的流量主頁面查看失敗原因(筆者截圖的是審覈通過時的樣子):

如果你覺得官方審覈結果不合理,可以通過"微信廣告助手"將你的異議發送到後臺,之後會有人工和你對接的:

 

如果大家要了解激勵視頻接入步驟的話,可以去看下筆者的這篇文章:微信小遊戲激勵視頻接入步驟

好,那廣告接入教程就到這,祝願大家都賺大錢啦~

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章