2011-08-16 50 views
3

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

在每一页的页脚,我加入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> 

其结果是,在所有网页上相同的广告显示,这也许是所有网页都索引中加载造成的事实.php(所以在index.php中,大约10个广告同时被加载)。

任何想法如何解决这个问题?我如何显示不同的广告?每个页面请求的附注=>什么jQuery函数被触发?

谢谢!

+1

你是ajaxing in the role =“page”div right?那么为什么广告会改变呢?当您更改页面时,请再次更新广告格。查看admob api,看看是否可以刷新电话。 –

回答

1

你应该删除所有的硬编码调用,并做类似的事情: 1.绑定一个调用以将此代码注入'pagebeforeshow'事件 - 因此每次在向用户显示一个新页面之前,您将获取一个新的广告并展示它。 2.如何获取一个新的广告:

另一种选择(我带形成AdMob联播DOC):

... 
    <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; 
    ... 

`: 您可以通过编程把一个广告网页在IFRAME展示新广告

祝你好运。