Maison > Article > interface Web > Développement HTML5 : ajoutez des publicités à votre application de jeu
Développement HTML5 : ajoutez des publicités à votre application de jeu
- 黄舟original
- 2017-03-01 15:49:293056parcourir
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>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();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 :
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) !Articles Liés
Voir plus- Le plug-in de défilement plein écran AlloyTouch crée une page H5 fluide en 30 secondes
- Combat réel HTML5 et analyse des événements tactiles (touchstart, touchmove et touchend)
- Explication détaillée des exemples de dessin d'images dans le canevas HTML5 9
- Expressions régulières et nouveaux éléments HTML5
- Comment combiner NodeJS et HTML5 pour glisser-déposer plusieurs fichiers à télécharger sur le serveur