Forum Moderators: martinibuster

Message Too Old, No Replies

Responsive Ads Blow Away Page Width

I need to go 336 fixed width.

         

Sally Stitts

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

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



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.)
.

NickMNS

1:03 am on Jun 1, 2018 (gmt 0)

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



Here is the solution to your problem.
[support.google.com...]

Sally Stitts

1:34 am on Jun 1, 2018 (gmt 0)

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



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 $.
.

Sally Stitts

3:22 am on Jun 1, 2018 (gmt 0)

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



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.
.

keyplyr

4:34 am on Jun 1, 2018 (gmt 0)

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



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.

keyplyr

6:14 am on Jun 1, 2018 (gmt 0)

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



...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.