phaserNOOB

Admob integration with crosswalk

Recommended Posts

I have built a game in phaser (html5) , and packed it using crosswalk because the webview kit on versions below kitkat are not able to run the app properly. So I used intel xdk and crosswalk to build my apk. It worked perfect for me. But this being my first android project I am not familiar with monetizing techniques. I tried admob integration using cordova plugin , but the ads dont show up. Needed help with that.

heres my index.html 

    <!DOCTYPE HTML>

<html>
<head>
<meta charset="utf-8">
<title>xyz</title>
<script src="libs/phaser.min.js"></script>
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width">
<script src="Boot.js"></script>
<script src="MainMenu.js"></script>
<script src="PlayGame.js"></script>
<script src="PostGame.js"></script>
<script src="HighScores.js"></script>
<script src="Help.js"></script>
<script src="about.js"></script>

<script type="text/javascript" src="cordova.js"></script>
<style type="text/css">
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background-color: gray;
color: white;
}

div#fullpage {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0px solid red;
text-align: center;
vertical-align: middle;
}

button {
font-size: 18px;
}
</style>
</head>
<body onload="onLoad()" onresize="onResize()">
<script>
function onLoad() {
if(( /(ipad|iphone|ipod|android)/i.test(navigator.userAgent) )) {
document.addEventListener('deviceready', initApp, false);
} else {
initApp();
}
}

var ad_units = {

android : {
banner: 'ca-app-pub-6128098175931507/1770967078',
interstitial: 'ca-app-pub-6128098175931507/3097766271'
}
};
var admobid = ( /(android)/i.test(navigator.userAgent) ) ? ad_units.android : ad_units.android;

function initApp() {
if (! AdMob ) { alert( 'admob plugin not ready' ); return; }

initAd();

// display the banner at startup
AdMob.createBanner( admobid.banner, function(){}, function(data){alert(JSON.stringify(data));} );
}
function initAd(){
var defaultOptions = {
bannerId: admobid.banner,
interstitialAdId: admobid.interstitial,
adSize: 'SMART_BANNER',
// width: integer, // valid when set adSize 'CUSTOM'
// height: integer, // valid when set adSize 'CUSTOM'
position: AdMob.AD_POSITION.BOTTOM_CENTER,
// x: integer, // valid when set position to 0 / POS_XY
// y: integer, // valid when set position to 0 / POS_XY
isTesting: false, // set to true, to receiving test ad for testing purpose
autoShow: true // auto show interstitial ad when loaded, set to false if prepare/show
};
AdMob.setOptions( defaultOptions );

}
</script>

<style>
body {
padding: 0;
margin: 0;
background-color: #FFFFFF;

}
</style>
</head>
<body>
<div id="Game container"></div>
<script type="text/javascript">
window.onload = function()
{
var game = new Phaser.Game( 675, 1200, Phaser.Auto, "Game container");
game.state.add('Boot', xyz.Boot);

game.state.start('Boot'); // Boots the game using the mainmenu.js method() which also calls the preloader()
}

</script>



</body>
</html>

 

Share this post


Link to post
Share on other sites

any luck with that?  

does it alert  "admob plugin not ready"  ??

how are you loading the admob plugin?  

which admob plugin are you trying to load and how?  

using intel xdk? or console?

 

you may connect your device to your pc and use intel xdk to debug (push) your app to the device and then klick on the "bug" icon to start the chrome console and read the debug messages..  

 

oh.. and in intel xdk - ads will NOT work unless you compile the project and actually run it on your device..  testing/debugging does not load the plugin ^^

Share this post


Link to post
Share on other sites
9 minutes ago, bruno_ said:

I was having an error in:

if (!Admob)

Changed to:

if(!window.AdMob)

and it worked, but it may be a different case, you should see the logs with adb logcat

how did you make interstitial work after state?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.