Forum Moderators: martinibuster
Please note that you can set the orientation of a responsive ad by changing the "auto" setting in the ad code to either "rectangle", "horizontal" or "vertical". This gives you more control over the ad space. It's not perfect but addresses at least one issue mentioned above.
but all i ever seem to get is a 486 x 60 sort of size. it never fills up the entire height of 300, so i'm left with a huge blank space of 240px underneath the ad. it even seems to do that for text ads. instead of having multiple lines of ads filling up the 300 i just get one at the top
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="container" style="max-width:780px"></div>
<script type="text/javascript">
$(document).ready(function () {
if ((screen.width >= 1024) && (screen.height >= 768)) {
$.get('/HTML/horizontal.html', function (data) {
$("#container").html(data);
}, 'text');
}
else {
$.get('/HTML/vertical.html', function (data) {
$("#container").html(data);
}, 'text');
}
});
</script>
</body>
</html>
FYI, there is also Adsense code where you dictate precisely what size ads will be shown on different screen widths.This is how I get around the problem.
I prefer omitting it.
<style>
.xxxxxx { width: 300px; height: 250px; }
@media(min-width: 500px) { .xxxxxx { width: 300px; height: 250px; } }
@media(min-width: 768px) { .xxxxxx { width: 728px; height: 90px; } }
</style>
I don't recall seeing that as an option (omitting parameters such as data-ad-format)
So are ad links out the window with responsive ad code?
<style>
.xxxxxx { width: 300px; height: 250px; }
@media(min-width: 500px) { .xxxxxx { width: 300px; height: 250px; } }
@media(min-width: 768px) { .xxxxxx { width: 728px; height: 90px; } }
</style>
