ホームページ > 記事 > ウェブフロントエンド > HTML5 開発 - ゲーム アプリケーションに広告を追加する
HTML5 開発 - ゲーム アプリケーションに広告を追加する
- 黄舟オリジナル
- 2017-03-01 15:49:292997ブラウズ
中国では一般にお金を使うことを好まないので、ゲームやアプリケーションに支払いが必要な場合、プレイする人は減ります。したがって、ほとんどの開発者はわずかな収入を得るためにゲームに広告を埋め込むことを選択します。
lufylegend.js オープン ソース エンジンを使用してゲームに広告を追加する方法について説明しましょう。
lufylegend.js エンジン バージョン 1.7.2 の新機能 LStageWebView を使用すると、HTML に iframe を追加して外部ページを表示できます。この機能を使用して広告を表示できます。
lufylegend.jsエンジン公式サイト
http://lufylegend.com/lufylegend
私はGoogle Adsense広告を使用しました、もちろん他の広告を使用することもできます、方法は同じです、今すぐ始めましょう。
最初のステップはウェブサイトを開設することです。
2つ目のステップは、Google Adsenseへの広告登録申請です。
注: 申請が承認されない場合は、Google Adsense 契約をよく確認してください
3 番目のステップは HTML ファイルを作成することです。 Web サイトに広告コードを追加します。
<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の管理ページから直接取得でき、とても簡単です。
ステップ 4、次のコードをゲームに追加します。
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関数は表示する外部Webページのアドレスです。私のアドレスは3番目のステップで作成したHTMLです。
完了、接続のテスト:
http://lufylegend.com/demo/GemGemAd/
実行中の効果は次のとおりです:
LStageWebView の使い方は非常に簡単です。公式 API ドキュメントを参照してください
http://lufylegend.com/lufylegend/api
最後に、lufylegend.js エンジン公式 Web サイト
http://lufylegend.com/lufylegend
上記HTML5 開発 - あなたの手に ゲーム アプリケーションへの広告コンテンツの追加 関連コンテンツの詳細については、PHP 中国語 Web サイト (www.php.cn) に注目してください。