Jquery Mobile + Admob: Rotation?

I created a mobile application using the jQuery Mobile Framework. All pages are loaded within index.php (using

). In the footer of each page,

Solution 1:

You should remove all the hard coded calls and do something like that: 1. Bind a call to inject this code to 'pagebeforeshow' event - so each time before a new page is being shown to the user you will fetch a new ad and show it. 2. How to fetch a new Ad:

Another option (I took form Admob doc): You can programmatically display a new ad by putting an ad web page in an IFRAME:

   ...
   <iframe id="admob_ad" style="position: absolute; width: 320px; height: 48px; left: 0px; top: 0px;" noresize="noresize" frameborder="0" src="http://your_site.com/your_admob_web_page.html">
   </iframe>
   ...
   // refresh the IFRAME where you want to display a new advar adIframeEl = document.getElementById("admob_ad");

   adIframeEl.src = adIframeEl.src;
   ...

`

Good luck.

Share