Welcome to WebmasterWorld Guest from 50.19.0.90

Forum Moderators: incrediBILL & martinibuster

Message Too Old, No Replies

Weird Bug With Responsive Adsense?

Ad is Moving Around and Partially Disappearing on a Tablet

     
10:54 am on Jul 2, 2014 (gmt 0)

Preferred Member

10+ Year Member

joined:Sept 24, 2002
posts: 485
votes: 5


Hi,

I've begun to roll out the Responsive Adsense Unit (which loads asynchronously). Tonight I noticed something very peculiar. When I view it on my iPad (landscape mode), the ad looks perfectly fine when my tablet is lying flat. But as I increase the angle of the iPad (such as going to a 30 degree angle for better viewing), the ad gradually begins to move to the left and partially disappears! The amount of pixels it moves is about 20-30 pixels when the iPad is moved to a 90 degree viewing angle. Also, I'm not changing the orientation of the iPad any...just the angle of viewing.

Meanwhile, if I change the orientation to portrait mode...the ad will move "to the right" by about 10-20 pixels as I change the viewing angle. The ad again displays perfectly when lying flat, but as I change the viewing angle the ad slowly moves to the right...and again partially disappears.

Has anyone else noticed this...or am I just unlucky? Or is something perhaps wrong with my code that is causing this very peculiar behavior?

Edit : I'm seeing this problem using the Safari browser on an iPad 3 (first-gen retina display model). On my iPad, Chrome doesn't seem to have this issue. Also, the Adsense Responsive Unit displays fine on FF, IE and Chrome on my laptop, even when the browser windows viewport is reduced to tablet mode.

So this might be a strange Safari bug?
4:43 pm on July 5, 2014 (gmt 0)

Moderator from US 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:2556
votes: 48


Does your css have any specific viewport or -webkit settings?
3:00 pm on July 6, 2014 (gmt 0)

Preferred Member

10+ Year Member

joined:Sept 24, 2002
posts: 485
votes: 5


Hi,

Not sure what you mean by "specific viewport or -webkit settings." Being responsive, it does have specific "breakpoints".
4:39 pm on July 6, 2014 (gmt 0)

Moderator from US 

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:2556
votes: 48


The Responsive AdSense Units are for use on pages that dynamically change to deliver your content regardless of device or screen size. If you don't use a viewport setting, this probably won't function as expected. If you haven't addressed javascript blocking or rendering issues on the page, they may not work as expected. There are lots of resources available from AdSense to find any issues encountered on your page (if any) and how to address them. A few links to that informations are from AdSense: [support.google.com...] and to help find any problems that might be a cause: [developers.google.com...]
They offer a tool to test specific pages that will generate a report with details and links for help.
3:34 am on July 7, 2014 (gmt 0)

Preferred Member

10+ Year Member

joined:Sept 24, 2002
posts: 485
votes: 5


Yeah, my responsive layout uses viewport settings. The site has four specific breakpoints. What is strange is that this problem only happens with the Safari browser on the iPad. Chrome on my iPad works just fine, as do using all browsers on my laptop. And Chrome on my Samsung tablet also works just fine.
3:54 pm on July 7, 2014 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Oct 14, 2013
posts:2100
votes: 155


I have a problem with the 728 x 90 leaderboard on an 8" Xoom, it works fine on all other browsers, tablets and smartphones I've tested ... no idea why.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members