adMob.js for cordova-plugin-admob-free

adMob.js

let adMob = null;

export function initAd() {
  adMob = window.plugins.AdMob || window.AdMob;
  if (/(android)/i.test(navigator.userAgent) && adMob) {
    adMob.banner.config({
      id: "ca-app-pub-8953910389003952/3660976168",
      autoShow: false,
      isTesting: process.env.NODE_ENV === "production" ? false : true
    });
    adMob.banner.prepare();

    adMob.interstitial.config({
      id: "ca-app-pub-8953910389003952/2792136689",
      autoShow: false,
      isTesting: process.env.NODE_ENV === "production" ? false : true
    });
    adMob.interstitial.prepare();
  }
}

export function showInterstitial() {
  if (adMob) adMob.interstitial.show();
}

export function showAd() {
  if (adMob) adMob.banner.show();
}

Usage: (VueJS)

In main.js for example:

import { initAd, showAd } from "./adMob";

....

  mounted() {
    document.addEventListener("deviceready", () => {
      initAd();
      showAd();
    });
  },

....