2014-03-13 11 views
13

Wie fügen Sie Google Admob 2014 zu einer phonegap App (Android) hinzu?Google Play Admob Integration mit Phonegap

Ich habe viele Beispiele online überprüft, z. link1link2Link3Link4. Die meisten Links zu Googles werden bald veraltet sein Android 6.4.1 tutorial.

Neben spezifisch android oder iOS-Tutorials, Ich kann keine finden, die zeigen, wie die latest admob in phonegap für eine Cross-Plattform-Anwendung zu implementieren. Ich habe inmobi gesehen, aber es sieht so aus, als müssten Sie Ihre App veröffentlichen, bevor Sie eine Publisher-ID für Ihre Anzeigen erhalten.

-Update mit Android vereinfachten Anweisungen ich die Black Box für die Anzeige bekommen, aber sonst nichts keine Warnmeldungen, keine Anzeige

phonegap create myproject 
cd mypproject 
phonegap run android 

Schließen unten Emulator

1.Install the Google Play Services plugin: cordova plugin add  https://github.com/MobileChromeApps/google-play-services.git 
2.Install this plugin: cordova plugin add https://github.com/floatinghotpot/cordova-plugin-admob.git 

Dann Ich ging zu index.js und onDeviceReady Ich fügte

onDeviceReady: function() { 
    app.receivedEvent('deviceready'); 

if(window.plugins && window.plugins.AdMob) { 
    var admob_android_key = 'pub-6xxxxxxxxxxxxx'; 
    var am = window.plugins.AdMob; 

    am.createBannerView( 
    { 
    'publisherId': admob_android_key, 
    'adSize': am.AD_SIZE.BANNER, 
    'bannerAtTop': true 
    }, 
    function() { 
     am.requestAd(
      { 'isTesting':true }, 
      function(){ 
       am.showAd(true); 
      }, 
      function(){ alert('failed to request ad'); } 
     ); 
    }, 
    function(){ alert('failed to create banner view'); } 
    ); 
    } else { 
    alert('AdMob plugin not available/ready.'); 
    } 

    } 
hinzu

Added

 <div> 
      <button id='show-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(true); }">Show Ad</button> 
      <button id='hide-ad' onClick="if(window.plugins.AdMob){ window.AdMob.plugins.showAd(false); }">Hide Ad</button> 
     </div> 

phonegap Lauf android

+0

Ist es nicht: window.plugins.AdMob.showAd (true); d. h. die Reihenfolge der Plugins und AdMobs ändern ... –

+0

Es gibt immer noch keine detaillierte Code-basierte Antwort für diese Frage, das ist der Grund für das Kopfgeld. – frenchie

Antwort

9

Diese admob Plugin funktioniert mit Google Play sdk index.html: https://github.com/floatinghotpot/cordova-plugin-admob. Überprüfen Sie Readmes im Hauptordner UND in Unterordnern für Details.

+0

Ich habe ein paar Stunden damit verbracht, diese Lösung auszuprobieren, und die Anweisungen sind nicht sehr gut. – Tom

+1

Funktioniert für mich. Auch die Readme für Android wurde gerade aktualisiert. Es hat jetzt eine vereinfachte Installationsmethode. Vielleicht versuch das hier. – DonAngelo

+0

Das ist eine gute Vereinfachung. Allerdings bekomme ich eine Black Box ohne Werbung, die ich gelesen habe, könnte auf meine Pub ID zurückzuführen sein, allerdings habe ich sie buchstäblich von Google Admob kopiert. Irgendwelche Vorschläge? Ps.s. Danke für den Link zu den aktualisierten Anweisungen, begann ich andere Werbeanbieter zu untersuchen – Tom

4

Review (2016). Um es mit npm Quellen zu verwenden, wenn Sie cordova CLI-Version verwenden, können Sie Ihr Plugin mit hinzuzufügen:

$ cordova plugin add cordova-admob 

Wenn Sie mit PhoneGap Build integrieren, da sie (in diesem Moment nicht gradle unterstützen), sollten Sie diesen Tag in Ihrem config.xml hinzu:

<gap:plugin name="phonegap-admob" source="npm"/> 

es gibt volle Aufstellanleitung und Wiki here

+0

Das hat bei mir funktioniert. Vielen Dank! –

Verwandte Themen