Cordova AdMob Tutorial

Admob.com allows developers to make money by displaying advertisements. Cordova supports the following ad types

  • Banner Ads
  • Interstitial (aka fullscreen ads)

Syntax

    <span class="hljs-keyword">var</span> admobid = {};
    <span class="hljs-built_in">document</span>.addEventListener(<span class="hljs-string">"deviceready"</span>, onDeviceReady, <span class="hljs-literal">false</span>);

    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">onDeviceReady</span>() </span>{
        admobid = {
            <span class="hljs-attr">banner</span>: <span class="hljs-string">'ca-app-pub-5220248899755640/7077506610'</span>,
            <span class="hljs-attr">interstitial</span>: <span class="hljs-string">'ca-app-pub-5220248899755640/8554239818'</span>
        };
        <span class="hljs-keyword">var</span> defaultOptions = {
            <span class="hljs-attr">adSize</span>: <span class="hljs-string">'SMART_BANNER'</span>,
            <span class="hljs-attr">position</span>: AdMob.AD_POSITION.BOTTOM_CENTER,
            <span class="hljs-attr">bgColor</span>: <span class="hljs-string">'black'</span>,
            <span class="hljs-attr">isTesting</span>: <span class="hljs-literal">true</span> <span class="hljs-comment">//enable true when you're testing</span>
        };
        AdMob.setOptions(defaultOptions);
    }

    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">displayBannerAd</span>() </span>{
        AdMob.createBanner({
            <span class="hljs-attr">adId</span>: admobid.banner
        });
    }

    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">displayFullScreenAd</span>() </span>{
        AdMob.prepareInterstitial({
            <span class="hljs-attr">adId</span>: admobid.interstitial
        });
        AdMob.showInterstitial();
    }

AdMob.createBanner() allows you to create banner advertisements, AdMob.prepareInterstitial(), AdMob.showInterstitial() allows displaying fullscreen advertisements

Read More

http://github.com/floatinghotpot/cordova-admob-pro