Welcome to WebmasterWorld Guest from 3.85.245.126

Forum Moderators: martinibuster

Message Too Old, No Replies

Responsive Ads Blow Away Page Width

I need to go 336 fixed width.

     
10:24 pm on May 31, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:May 29, 2003
posts:905
votes: 62


I spent 1/2 the day yesterday trying to get the responsive ad on my TOP page to work correctly.
AdSense is TOO aggressive with "filling the container".
I tried several container changes. My width is 450 pixels, but Google was jamming an ad in that was about 480 pixels.

Which resulted in my page failing all the mobile emulators, for failing to observe the "viewport" parameter.
Also, the ad text is overwritten on the right, because there is NOT enough room.
It works on desktop just fine (except for the overwriting), but on mobile, it widens the container (in this case, table width).

Also, I do double mobile emulator tests for each page, one with the ad, and one without.
ALL EMULATOR ISSUES are caused by the ad.
1. Especially load time. Without ad=200ms, with ad=2.4 seconds
2. Font size too small - its in the ad.
3. Viewport violation - responsive ad is too big for the container
4. Caching violation - caused by the ad
5. Mobile emulator "wonderfulness" scores go down 5 to 15 points on average with the ad included
(including 2 Google tools, PageSpeedInsights and MobileFriendly)

I need to switch back to fixed width 336's, but I am quickly running out of channels.
Curses.

(To Mod - sorry about that last post in the Google Search section - was meant to be here in the AdSense section.)
.
1:03 am on June 1, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:2714
votes: 823


Here is the solution to your problem.
[support.google.com...]
1:34 am on June 1, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:May 29, 2003
posts:905
votes: 62


Not quite. I'm not a programmer. Retired hardware ASIC/memory guy. But thank you, anyway. Very good, if you know what you are doing.
CSS
I have NEVER been able to make CSS work, and do not use it (seems to be a blessing, the way things have changed).
So, you can see that "the" solution is not an option for me. Using the tried and true fixed ads is.

There is another solution. Abandoning site ads entirely.
Working 8 hours a day for $10/ day? I've just about had it. I'm about to start walking for 8 hours, instead. I really need it. I can do without the $.
.
3:22 am on June 1, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:May 29, 2003
posts:905
votes: 62


I just checked my AdSense stats for today, and I got -

10 - 580x400 ads, and
49 - 728x90 ads, but no ~480xsomething ads, which I directly observed (who knows the actual size?)

The first time I've noticed this. And I DO look, every other day or so.
Ahh, the glory of Responsive ads. These formats should NEVER appear on the site, EVER, for any reason.
ALL CONTAINERS ARE 450 pixels wide. Wackadoodle stuff.
.
4:34 am on June 1, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:12913
votes: 893


Well NickMNS gave you the answer. It even has an example. Did you read the entire article?

Presentation is controlled by CSS. That's how you do it. You wrap the ad in a container (usually a <DIV>) using the exact size of the ad. Make it slightly larger if that's not working well.

Create a test page and play around with it until it works. That's how you lean.
6:14 am on June 1, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:12913
votes: 893


...but on mobile, it widens the container (in this case, table width)
While tables as a whole can adjust to mobile responsive, width settings often to not.

This is one of the things we run into when making an older desktop design responsive. I've had to get rid of tables altogether sometimes, especially if tables are used to control the positioning of objects on the page. Tables were never meant to be used for that purpose but many of us did it because it was fairly easy.