On my mobile website. I've been trying to load Adsense Mobile ads, but they continue to take up the entire page after the page loads itself.
I did figure out that if I disable ajax the page would load fine with the ad together. This only works on the second page I load because I click a link with the tag...
data-ajax="false"
Which makes the next page load perfectly.
Problem: The first page loaded will be overwritten by the adsense ad because ajax is enabled (I think).
Basically the first part of my page looks like this...
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc3/jquery.mobile-1.0rc3.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc3/jquery.mobile-1.0rc3.min.js"></script>
<script language="text/javascript">
$(document).bind("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});
</script>
</head>
<body>
<div data-role="header">
<h1>Angry Birds Cheats</h1>
</div>
<div data-role="content">
<div>
<script type="text/javascript"><!--
// XHTML should not attempt to parse these strings, declare them CDATA.
/* <![CDATA[ */
window.googleAfmcRequest = {
client: '',
format: '',
output: '',
slotname: '',
};
/* ]]> */
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_afmc_ads.js"></script>
</div>
I did try to disable ajax in the code, but I don't think it is because the ad still takes up the entire page...
I was thinking that maybe I could start the visitor at a certain page and redirect them to a page that is non-ajax.
See Question&Answers more detail:os
