How to show Interstitial ad on a webview app?

Question

I want to show Interstitial ad on a webview app and make the ad opens immediately after openning a page (article) as admob policies said to me to make the ad appear in normal transition points.

Can you show me how to do that?

And I want also to know how to control the ad appearance as I don't want the ad to show every time the user opens a link?

Answer 1

If you are using a framework like Cordova/Phonegap/Ionic your best chance is to use a plugin: https://github.com/appfeel/admob-google-cordova/

Otherwise you can try to get the plugin and remove cordova dependencies, and refactor it to be callable with your javascript hooks, but it will be a pain!

Answer 2

I recommend you to visit How to call admob Interstitial ad from android webview JavascriptInterface I have given the solution for showing admob interstitial from android webview.

Example:

public class MainActivity extends AppCompatActivity {
    WebView myWevView;
    public InterstitialAd mInterstitialAd;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_main);

        myWevView =(WebView)findViewById(R.id.myWevView);
        WebSettings ws= myWevView.getSettings();
        ws.setJavaScriptEnabled(true);
        ws.setDomStorageEnabled(true);
        myWevView.getSettings().setUseWideViewPort(true);
        myWevView.addJavascriptInterface(new WebAppInterface(this), "Android");
        myWevView.setWebViewClient(new WebViewClient());
        myWevView.setWebChromeClient(new WebChromeClient());
        myWevView.getSettings().setBuiltInZoomControls(true);
        myWevView.loadUrl("file:///android_asset/index.html");
        mInterstitialAd = new InterstitialAd(this);
        mInterstitialAd.setAdUnitId("ca-app-pub-3940256099942544/1033173712");
        mInterstitialAd.loadAd(new AdRequest.Builder().build());
        mInterstitialAd.setAdListener(new AdListener(){
        @Override
            public void onAdLoaded(){

            }
            @Override
            public void onAdClosed() {
                // Load the next interstitial.
                 mInterstitialAd.loadAd(new AdRequest.Builder().build());
            }
        });

      }




   public void displayLoadedAd(){
       runOnUiThread(new Runnable() {
           public void run() {
               if (mInterstitialAd.isLoaded()) {
                   mInterstitialAd.show();
                   mInterstitialAd.loadAd(new AdRequest.Builder().build());
               }
               else
                   Toast.makeText(getApplicationContext(), "Ad not loded", Toast.LENGTH_SHORT).show();
           }

       });


   }


    public class WebAppInterface {
        Context mContext;
        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }
        @JavascriptInterface
        public void showAdFromJs(){

            Toast.makeText(mContext, "Loading Ad", Toast.LENGTH_SHORT).show();
              displayLoadedAd();
        }
    }
    //Controlling navigation
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            switch (keyCode) {
                case KeyEvent.KEYCODE_BACK:
                    if (myWevView.canGoBack()) {
                        myWevView.goBack();
                    }
                    else {
                        finish();
                    }
                    return true;
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

calling from javascript

$("#btn1").click(function(){
   Android.showAdFromJs();
});