https://github.com/techingcrewmatt/cordova-plugin-admob-techingcrew

AdMob plugin for Cordova multi-platform apps. Exposes Banner Ads, Interstitial Ads, and Rewarded Videos.
https://github.com/techingcrewmatt/cordova-plugin-admob-techingcrew

admob-plugin android banner-ads cordova interstitial-ads rewarded-videos video

Last synced: 16 days ago
JSON representation

AdMob plugin for Cordova multi-platform apps. Exposes Banner Ads, Interstitial Ads, and Rewarded Videos.

• Host: GitHub
• URL: https://github.com/techingcrewmatt/cordova-plugin-admob-techingcrew
• Owner: TechingCrewMatt
• License: mit
• Created: 2018-02-22T16:30:37.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-14T17:20:35.000Z (about 6 years ago)
• Last Synced: 2024-10-15T12:13:43.066Z (about 1 month ago)
• Topics: admob-plugin, android, banner-ads, cordova, interstitial-ads, rewarded-videos, video
• Language: Java
• Size: 33.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# cordova-plugin-admob-techingcrew

AdMob plugin for Cordova multi-platform apps. Exposes Banner Ads, Interstitial Ads, and Rewarded Videos. No revenue sharing. Truly free plugin for an open-source platform. Imagine that.

This plugin uses Gradle/Maven to pull the latest Google Play Services - Ads SDK. Tested on Samsung Galaxy S6 using Android 7.0 and project built using CLI 6.1.1 -iOS version is in development.

1. Install the plugin:

```

cordova plugin add cordova-plugin-admob-techingcrew

```

2. Adjust the AdMob settings in JavaScript. The plugin comes pre-loaded with test credentials.

```

admob.settings = {

    overlapWebView: false,

    bannerAutoShow: false,

    bannerPosition: 'top', // or 'bottom'

    bannerSize: 'SMART_BANNER', // see sizes at https://developers.google.com/admob/android/banner

    bannerID: 'ca-app-pub-3940256099942544/6300978111',

    interstitialID: 'ca-app-pub-3940256099942544/1033173712',

    rewardID: 'ca-app-pub-3940256099942544/5224354917',

    appID: 'ca-app-pub-3940256099942544~3347511713',

    userID: 'xxx'

};

```

3. Initialize MobileAds:

```

admob.init(successCallback, errorCallback);

```

4. Build and show Banner Ads (Optional):

```

admob.createBanner(successCallback, errorCallback);

```

   After the first time "bannerLoaded" is fired, you can show the Banner:

```

admob.showBanner(successCallback, errorCallback);

```

5. Build and show Interstitial Ads (Optional):

```

admob.createInterstitial(successCallback, errorCallback);

```

   You only need to call this function once. After "interstitialLoaded" is fired, you can show the ad. After the ad is closed, a new ad    will be requested automatically.

```

admob.showInterstitial(successCallback, errorCallback);

```

6. Build and show Rewarded Videos (Optional):

```

admob.createRewardedVideo(successCallback, errorCallback);

```

You only need to call this function once. After "rewardedLoaded" is fired, you can show the video. After the video is closed, a new video will be requested automatically.

```

admob.showRewardedVideo(successCallback, errorCallback);

```

The following code can be used in a demo app to test the functionality:

```

    function setOptions() {

        admob.settings = {

            overlapWebView: false,

            bannerAutoShow: false,

            bannerPosition: 'top',

            bannerSize: 'SMART_BANNER',

            bannerID: 'ca-app-pub-3940256099942544/6300978111',

            interstitialID: 'ca-app-pub-3940256099942544/1033173712',

            rewardID: 'ca-app-pub-3940256099942544/5224354917',

            appID: 'ca-app-pub-3940256099942544~3347511713',

            userID: 'xxx'

        };

    }

    

    document.addEventListener('admobInit', function () { console.log('admobInit'); });

    document.addEventListener('bannerLoaded', function () { console.log('bannerLoaded'); });

    document.addEventListener('bannerFailedToLoad', function () { console.log('bannerFailedToLoad'); });

    document.addEventListener('bannerOpened', function () { console.log('bannerOpened'); });

    document.addEventListener('bannerLeftApplication', function () { console.log('bannerLeftApplication'); });

    document.addEventListener('interstitialLoaded', function () { console.log('interstitialLoaded'); });

    document.addEventListener('interstitialFailedToLoad', function () { console.log('interstitialFailedToLoad'); });

    document.addEventListener('interstitialOpened', function () { console.log('interstitialOpened'); });

    document.addEventListener('interstitialLeftApplication', function () { console.log('interstitialLeftApplication'); });

    document.addEventListener('interstitialClosed', function () { console.log('interstitialClosed'); });

    document.addEventListener('rewardEarned', function (event) { console.log('rewardEarned'); console.log(event); console.log('rewardType: ' + event.rewardType); console.log('rewardAmount: ' + event.rewardAmount); });

    document.addEventListener('rewardedLeftApplication', function () { console.log('rewardedLeftApplication'); });

    document.addEventListener('rewardedClosed', function () { console.log('rewardedClosed'); });

    document.addEventListener('rewardedFailedToLoad', function () { console.log('rewardedFailedToLoad'); });

    document.addEventListener('rewardedLoaded', function () { console.log('rewardedLoaded'); });

    document.addEventListener('rewardedOpened', function () { console.log('rewardedOpened'); });

    document.addEventListener('rewardedStarted', function () { console.log('rewardedStarted'); });

Init









Create Banner





Show Top Banner





Show Bottom Overlapping Banner





Destroy Banner









Create Interstitial





Show Interstitial









Create Rewarded Video





Show Rewarded Video





```