HTML5開發-在你的遊戲應用程式中加入廣告
- 黄舟原創
- 2017-03-01 15:49:293079瀏覽
在中國，一般都是不喜歡花錢的，如果你的遊戲或應用是需要付費的，那麼玩的人就少。所以大多數開發者都會選擇在遊戲中植入廣告，以獲得些許微薄的收入。
下面我來說說如何利用lufylegend.js開源引擎在遊戲中加入廣告。
利用lufylegend.js引擎1.7.2版中的新功能LStageWebView，可以在html中加入一個iframe用來顯示一個外部頁面，我們可以利用這個功能來顯示廣告。
lufylegend.js引擎官網
#http://lufylegend.com/lufylegend
我使用了google adsense廣告，當然你也可以使用其他廣告，方法一樣，好了現在開始。
第一步，你要有一個網站。
第二步，要在google adsense申請註冊一個廣告。
註：會根據你網站的內容進行審核，申請不通過的話，可以好好看看google adsense的協議
第三步，在網站上建立一個html文件，加入廣告程式碼。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <script type="text/javascript"><!-- google_ad_client = "ca-pub-20477800********"; google_ad_slot = "2255******"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </body> </html>
上面的js程式碼，在google adsense的管理頁面可直接取得，很簡單。
第四步，在遊戲中加入以下程式碼。
var webView = new LStageWebView();
webView.setViewPort(new LRectangle(10,680,LGlobal.width,60));
webView.loadURL("http://lufylegend.com/ad/game_vertical_01.html");
webView.show();loadURL函數是要顯示的外部網頁位址，我這個位址是我在第三步驟所建立的html。
完成了，測試連線：
http://lufylegend.com/demo/GemGemAd/
運行效果如下：
LStageWebView使用起來很簡單，更詳細的使用，可以參考官方的API文檔
http://lufylegend.com/lufylegend/api
#最後，lufylegend.js引擎官網
#http://lufylegend.com/lufylegend
# 以上就是HTML5開發-在你的遊戲應用程式中加入廣告的內容，更多相關內容請關注PHP中文網（www.php.cn）！