AdMob插件 - 如何實現插頁式第一頁，然後是HTML頁面

Question

我正在用floatinghotpot AdMobpro插件開發一個Cordova應用程序。 應用程序有這些代碼：

的index.html

<a href=「mainpage.html" id="btn_prepare" class="pure-button pure-button-primary">GO TO APP</a> 

在admobshow.js，我有這些片斷：

$('#btn_prepare').click(function(){ 
    AdMob.prepareInterstitial({ 
    adId:admobid.interstitial,  

    }); 

     AdMob.showInterstitial(); 
     window.open($(this).attr('href')); 
}); 

（代碼是從這裏取：https://github.com/floatinghotpot/cordova-admob-pro/blob/master/test/index.html

我想要這樣的事情發生： 1.）用戶點擊轉到APP，插件顯示插頁式。 2.）當用戶關閉插頁式廣告時，mainpage.html應該打開。

但是，現在發生的情況是： 1.）首先打開mainpage.html，然後在幾秒鐘內顯示插頁式廣告。

我想要顯示的mainpage.html示出的間隙之後。 （或者當插頁式廣告被採用時）。我不想讓mainpage.html自動顯示。

有人可以幫助我如何調整上面的代碼？

Answer 1

您需要一個準備間質性AdMob.prepareInterstitial用戶點擊這個按鈕的時候被稱爲一段時間的代碼。該插件需要一些時間來準備，因此當您撥打AdMob.showInterstitial()時，它無法立即顯示。

當用戶進入頁面例如只需準備的間隙。

Answer 2

在這個問題上的一些代碼和想法就如何落實

見響應： https://stackoverflow.com/a/31187541/4025963

編輯

假設cordova-admob插件，基本的想法可能是這一個：

<a onclick="showInterstitial()" id="btn_prepare" class="pure-button pure-button-primary">GO TO APP</a> 

而在你的js代碼：

var isAppForeground = true; 
var isShowMainOnCloseAd = false; 
var isMainAlreadyShown = false; 
var isInterstitialAvailable = false;  

function showInterstitial() { 
    if (isInterstitialAvailable) { 
    admob.showInterstitialAd(); 
    } else { 
    showMain(function() { 
     isMainAlreadyShown = true; 
    }); 
    } 
} 

function initAds() { 
    if (admob) { 
    var adPublisherIds = { 
     ios : { 
     banner : "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB", 
     interstitial : "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII" 
     }, 
     android : { 
     banner : "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB", 
     interstitial : "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII" 
     } 
    }; 

    var admobid = (/(android)/i.test(navigator.userAgent)) ? adPublisherIds.android : adPublisherIds.ios; 

    admob.setOptions({ 
     publisherId:   admobid.banner, 
     interstitialAdId:  admobid.interstitial, 
     autoShowInterstitial: false 
    }); 

    registerAdEvents(); 

    } else { 
    alert('cordova-admob plugin not ready'); 
    } 
} 

function onAdLoaded(e) { 
    if (isAppForeground) { 
    if (e.adType === admob.AD_TYPE.INTERSTITIAL) { 
     isInterstitialAvailable = true; 
    } 
    } 
} 

function onAdOpened(e) { 
    if (e.adType === admob.AD_TYPE.INTERSTITIAL && !isMainAlreadyShown) { 
    isShowMainOnCloseAd = true; 
    } 
} 

function onAdClosed(e) { 
    if (e.adType === admob.AD_TYPE.INTERSTITIAL && isShowMainOnCloseAd) { 
    isShowMainOnCloseAd = false; 
    if (!isMainAlreadyShown) { 
     showMain(function() { 
     isMainAlreadyShown = true; 
     }); 
    } 
    } 
} 

function onPause() { 
    if (isAppForeground) { 
    isAppForeground = false; 
    } 
} 

function onResume() { 
    if (!isAppForeground) { 
    setTimeout(admob.requestInterstitialAd, 1); 
    isAppForeground = true; 
    } 
} 

function registerAdEvents() { 
    document.addEventListener(admob.events.onAdLoaded, onAdLoaded); 
    document.addEventListener(admob.events.onAdOpened, onAdOpened); 
    document.addEventListener(admob.events.onAdClosed, onAdClosed); 

    document.addEventListener("pause", onPause, false); 
    document.addEventListener("resume", onResume, false); 
} 

function onDeviceReady() { 
    document.removeEventListener('deviceready', onDeviceReady, false); 
    initAds(); 

    // request an interstitial 
    admob.requestInterstitialAd(); 
} 

document.addEventListener("deviceready", onDeviceReady, false);