Développement HTML5 : ajoutez des publicités à votre application de jeu-Tutoriel H5-php.cn

Développement HTML5 : ajoutez des publicités à votre application de jeu

黄舟

Libérer： 2017-03-01 15:49:29

original

3102 Les gens l'ont consulté

En Chine, les gens n’aiment généralement pas dépenser d’argent. Si votre jeu ou votre application nécessite un paiement, moins de personnes y joueront. Par conséquent, la plupart des développeurs choisiront d’intégrer des publicités dans leurs jeux pour gagner de maigres revenus.

Permettez-moi de vous expliquer comment utiliser le moteur open source lufylegend.js pour ajouter des publicités au jeu.

En utilisant la nouvelle fonction LStageWebView du moteur lufylegend.js version 1.7.2, vous pouvez ajouter une iframe au HTML pour afficher une page externe. Nous pouvons utiliser cette fonction pour afficher des publicités.

Site officiel du moteur lufylegend.js

http://lufylegend.com/lufylegend

J'ai utilisé les publicités Google Adsense, bien sûr vous Vous pouvez également utiliser d’autres annonces avec la même méthode, alors commençons maintenant.

La première étape est d'avoir un site internet.

La deuxième étape consiste à demander l'enregistrement d'une annonce dans Google Adsense.

Remarque : sera examiné en fonction du contenu de votre site Web. Si votre candidature n'est pas approuvée, vous pouvez consulter attentivement l'accord Google Adsense <.>

La troisième étape consiste à créer un fichier html sur le site et à ajouter le code publicitaire.

<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>

Copier après la connexion

Le code js ci-dessus peut être obtenu directement depuis la page de gestion de Google Adsense, c'est très simple.

La quatrième étape consiste à ajouter le code suivant au jeu.

	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();

Copier après la connexion

La fonction loadURL est l'adresse de la page Web externe à afficher. Mon adresse est le code HTML que j'ai créé à la troisième étape.

Terminé, test de connexion :

http://lufylegend.com/demo/GemGemAd/

L'effet de course est le suivant :

LStageWebView est très simple à utiliser Pour une utilisation plus détaillée, vous pouvez vous référer au document officiel de l'API

http://lufylegend.com/lufylegend/api

Enfin,

site officiel du moteur lufylegend.js

http://lufylegend.com/lufylegend

Ce qui précède est un développement HTML5 - Ajoutez du contenu publicitaire à votre application de jeu. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !