Loading ads into the page via AJAX - jquery mobile
Alain Richardt
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
(function() {
var useSSL = 'https:' == document.location.protocol;
var src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt_mobile.js';
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/6837/Mobile_Ad_Showcase/APP_DOWNLOAD', [320, 50], 'div-gpt-ad-1324321408096-0').addService(googletag.pubads());
googletag.enableServices();
});
function showAd()
{
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1324321408096-0')});
}
</script>
</head>
<body>
<!-- Mobile_Ad_Showcase/APP_DOWNLOAD -->
<div id='div-gpt-ad-1324321408096-0'>
</div>
<input type="button" value="Show ad" onclick="showAd();" />
</body>
</html>
When I click on the button, and showAd() is called, I am attempting to load the ad into the DIV, but nothing happens. No javascript errors, googletag.cmd.push appears to do nothing.
Can I get some feedback on this please? Am I doing something wrong?
Thanks
Alain
