HTML5 開発 - ゲームアプリケーションに広告を追加する-H5 チュートリアル-php.cn

HTML5 開発 - ゲームアプリケーションに広告を追加する

黄舟

リリース： 2017-03-01 15:49:29

オリジナル

3077 人が閲覧しました

中国では一般にお金を使うことを好まないので、ゲームやアプリケーションに支払いが必要な場合、プレイする人は減ります。したがって、ほとんどの開発者はわずかな収入を得るためにゲームに広告を埋め込むことを選択します。

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/

実行中の効果は次のとおりです: