jQuery 手机 + Admob：轮换？

Question

我使用 jQuery 移动框架创建了一个移动应用程序。 所有页面都在 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 function？

谢谢！

Answer 1

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

另一种选择（我采用 Admob 文档）：您可以通过将广告 web 页面放入 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;
   ...

`

祝你好运。