App Inventor學習記錄97-怎麼用enhance在 app inventor上,加上admob廣告

這一篇有點長,得花大家一點時間看。但,好處也是顯示易見的,就是可以在我們自己寫的 app中,加入廣告來賺錢。這是其中一個方法。
記錄一下:
App Inventor學習記錄97-怎麼用 enhance在 app inventor上,加上admob廣告


這次要使用的是 Enhance.co的服務,因為這次的篇幅真的太長,所以怎麼註冊 Enhance.co的部份,這裡就不截圖說明。在我們註冊完並登入 Enhance.co之後,我們點擊 Enhance My App


畫面往下拉一點,看到 Ads這一個區塊。Enhance提供了好幾個模式的廣告格式,我最常用的就是 Banner Ads這個一個。這一次就用這個來說明。


選擇了 Banner Ads這一個廣告格式之後,把畫面往下拉一些。
這個時候才會出現 Drag and Drop Library這個區塊
我們在 Drag and Drop Library這個區塊中,選擇 APP INVENTOR


由於 Enhance是用外掛的方式來幫 app加上廣告,所以我們把畫面再往下拉一些。
點擊 Download Drag and Drop library,來下載外掛


這個外掛下載的時候,是一個壓縮檔。我們把它存到好找的地方。


解壓縮。


打開解壓縮後的資料夾,我們可以看到這裡有 1個資料夾和 3個檔案。

demo_project這個資料夾中有範例 aia檔,可以匯入到 app inventor中參考。因為我英文不太好,看的不是很懂,所以又查了好些個資料,才試出來效果。有興趣的朋友可以試試。

這裡就直接介紹我是怎麼做的。
我們把 co.enhance.aix這個 app inventor的外掛檔案,先匯入到 app inventor。請參考:
怎麼匯入 app inventor的外掛(extension)到程式中


匯入完成之後,我們就把 EnhanceConnector這個外掛拉到畫面中。


接著直接進入程式設計的部份。

我們加入一個流程判斷式,寫法是上面這樣,請參考。
我自已的理解是:
呼叫 EnhanceConnector.IsBannerAdReady,如果 Banner格式的廣告已經準備好了的話。
那麼,就執行呼叫 EnhanceConnector.ShowBannerAdWithPosition,來決定把廣告放在那個位置。

Banner這個廣告格式,可以放的位置有兩個,一個是最上方,一個是最下方
這裡我把廣告放在最下方,所以 Position的地方,填的是 “bottom“。
如果想把廣告放在最上方Position的地方,改填成 “top“。


再來,把我們加好廣告碼的 app,打包成 apk並下載到電腦

補充一下,雖然 Enhance可以接受 aia檔的上傳,但我都是用 apk檔上傳。


等系統處理一下後,就可以取得下載連結並下載。


接著,我們再回到Enhance.co,把 apk檔上傳。
上傳完成之後,按下 Continue按鈕。


找到 Ads-Banner Ads這個區塊。

這裡要加的是 AdMob的廣告,所以我們點開 AdMob的選項


這裡就比較麻煩一點了,要填的東西比較多。

1.要填的是程式名稱com.calculator.omdte這個是我的填法,大家可以參考一下。
2.要填的是隱私宣告內容的網址
3.要填的是是 AdMob中取得的廣告代碼
Banner Ad Size這裡要選擇廣告大小,我都是選 Smart Banner(Full Width)這一個。
Transparent Background,這是廣告背景顏色,這個看個人,我都是維持設值。


至於隱私宣告內容的網址該怎麼做呢,我是用 google文件來做的,分享一下我的作法。
我們用 google搜尋一下 privacy policy for apps,就可以找到現成的範本來套用。


進入 APP Privacy Policy Generator網站之後,我們要填右側紅框的資料。


要填的內容範例如下:


這裡的資料填完之後,按下左邊畫面的箭頭。


由於這裡要放的廣告是AdMob,所以先勾選 AdMob後,再按下左側的下一步箭頭。


這樣就產生了我們需要的 Privacy Policy資料。
我們點擊 Privacy Policy按鈕。


Privacy Policy這裡的內容全部都給複製一下。


打開一個 GOOGLE文件,把剛剛複製下來的內容貼到這裡來
然後點擊右上角的共用


因為這個文件的連結,必須讓其它人可以看到
所以我們點擊一下取得連結下方的變更


這裡的權限設定成檢視者就可以了,接著,我們按下複製連結


把這個連結,貼到 2的地方。


接下來介紹一下第 3項廣告單位要怎麼取得。我們打開 google admob。
點擊新增廣告單元


在廣告類型這裡,選擇橫幅廣告


把相關的資訊給填一填,按下建立廣告單元


就可以看到在廣告項目下,會出現一長串的字。
我們把這一長串的字複製下來。


貼到 enhance這裡來。


再來,把畫面往下拉一些。找到 Required App Information

第 1個問題是問,你的 app已經發佈到應用程式商店了嗎?
還沒,所以不用勾。

第 2項是選擇 app 的類別。
這個就隨意選擇就可以了。

第 3個問題是填 app的名稱。
這一個如果我們從 app inventor上傳過來的話,它會自己帶。要修改的話,也是可以的。

第 4項是問,app的主要是針對小孩子開發的嗎?
這個選擇 NO。


畫面再往下拉。點擊最下方的 Continue


再來我們要提供一些文件,來證明這個 app是我們自已的。
可以用的方法有好幾個,這裡用的是上傳確認檔的方式來進行。
我們點擊 Upload my certificate and allow Enhance to sign on my behalf

然後又跑出來一堆東西要填,這裡,我們先把 keystore/certificate Password:這裡,填上 android
我也不知道為什麼要填這個,我是查資料的時候查到的。

接著我們點擊選擇檔案,來上傳檔案來認證。


這個時候,我們要再回到 app inventor這裡,打開我們的專案,點擊下載金鑰

這個檔案就是我們要上傳到 enhance的檔案。

要補充說明一下,整個流程做熟一點的話,我們在把檔案轉成 APK檔之後,也可以直接下載金鑰備用。這樣就不用把畫面切來切去。
我之前做不熟的時候,曾經在上傳 APK檔之後,隔了好久才去下載金鑰,結果在上傳金鑰的時候,不斷的出現錯誤,最後只好重新轉檔 APK,然後馬上就下載金鑰備用,這樣才解決掉驗証錯誤的問題。


上傳金鑰完成之後,再把畫面拉到最下方,點擊 Enhance now


然後,等進度條跑完。


噹噹,我們就可以得到一個帶有廣告的 apk檔了。
接下來,當然就是點擊 Download your app按鈕,把它下載回來。


通常過了大概 1個小時之後,就會有廣告出現了。


幾個要注意的事項如下:
1. banner這種類型的廣告比較少,不是每一次打開程式都會有廣告
如果沒有看到廣告的話,請多刷新幾次。

2. apk不上傳到 google play應用商店的話,會不會不能顯示廣告?
不用上傳到 google play,也會有廣告

3. 用模擬器的時候,我沒有看到廣告出現過,建議大家安裝在手機上測試廣告效果。

4. apk檔直接放在 google硬碟,開分享之後,就可以讓其它人下載使用了。

這一次真的是打了一個超長篇……如果有沒講到或是漏掉的地方,歡迎大家留言討論。

這次用到的相關連結如下
Enhance.co
APP Privacy Policy Generator

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響