javascript - jQuery 移动 + Admob : rotation?

Question

我使用 jQuery Mobile Framework 创建了一个移动应用程序。所有页面都在 index.php 中加载(使用 <div data-role="page" id="title"> )。

在每个页面的页脚，我添加了 Admob 代码:

<div data-role="footer">
 <script type="text/javascript">
  var admob_vars = {
  pubid: 'XXXXXX', // publisher id
  bgcolor: 'FF9119', // background color (hex)
  text: 'FFFFFF', // font-color (hex)
  test: false // test mode, set to false to receive live ads
   };
 </script>
 <script type="text/javascript" src="http://mmv.admob.com/static/iphone/iadmob.js"></script>
</div>  

结果是在所有页面上显示相同的广告，这可能是因为所有页面都在 index.php 中加载(因此在 index.php 中，同时加载了大约 10 个广告)。

知道如何解决这个问题吗？如何展示不同的广告？每个页面请求的 Adrotation => 触发了什么 jQuery 函数？

谢谢!

Answer 1

您应该删除所有硬编码调用并执行类似的操作: 1. 绑定(bind)调用以将此代码注入(inject)“pagebeforeshow”事件 - 因此每次在向用户显示新页面之前，您都将获取新广告并显示它。 2. 如何获取新广告:

另一种选择(我采用了 Admob 文档):您可以通过将广告网页放入 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 ad
   var adIframeEl = document.getElementById("admob_ad");

   adIframeEl.src = adIframeEl.src;
   ...

`

祝你好运。