Jump to content

Does IPS not fully allow responsive Adsense in mobile?


gavpedz

Recommended Posts

Posted

What I mean is this. Yes responsive ads work and fit for different screens but on my xenforo install ads will at times be taller and more of the box shaped in IPS it seems they are always a small banner. 

IMG_1979.PNG

IMG_1980.PNG

  • Replies 54
  • Created
  • Last Reply
Posted

@gavpedz

I have noticed this too. Since IPS4 upgrade, the ads are always a small leaderboard. Not as they used to be on IPB3 or Xenforo in your case.

Could you also try viewing the ad on a smaller screen? Like the iPhone 4?

Posted

I have tried on an iPhone 5 and still the same plus the responsive ad pushes out of the right boundary. Is IPS forcing responsive ads to stay leaderboard?  I was all up for moving over and doing my final conversion soon but this is a problem. The bigger box ads are higher earners. 

Posted
4 hours ago, gavpedz said:

I have tried on an iPhone 5 and still the same plus the responsive ad pushes out of the right boundary. Is IPS forcing responsive ads to stay leaderboard?  I was all up for moving over and doing my final conversion soon but this is a problem. The bigger box ads are higher earners. 

Smaller screens actually make the ads go out of the forum layout. It's like the adsense code doesn't recognize when to stop. This never used to happen on IPB3.

 

Posted

there is invision css for adsbygoogle which controls the size, it's in global.css under core, global, responsive

/* GOOGLE AD CODE FOR RESPONSIVE ADS */
#ipsLayout_mainArea .adsbygoogle { width: 320px; height: 100px; }
@media (min-width:500px) { #ipsLayout_mainArea .adsbygoogle { width: 468px; height: 60px; } }
@media (min-width:1050px) { #ipsLayout_mainArea .adsbygoogle { width: 728px; height: 90px; } }

Posted
7 minutes ago, sound said:

the above posted invision css does override this

I have reviewed our 4.1.x and 4.2 code and wasn't able to find this code. Are you probably using a 3rd party theme?

Posted

core -global-responsive -global.css

its at the bottom

it shows on default themes css on two diff sites and in theme.xml from latest  4.1 release

 

Posted
2 minutes ago, sound said:

core -global-responsive -global.css

its at the bottom

it shows on default themes css on two diff sites and in theme.xml from latest  4.1 release

 

Sorry, you're correct. Not sure how I missed this.

Posted

@Daniel F

I am using responsive Adsense in the advertisement manager (default theme). Using the html code option. All Adsense ads only show in leaderboard format apart from the sidebar which IPS seems to allow the ad to actually be fully responsive and show taller ads

Posted
54 minutes ago, sound said:

there is invision css for adsbygoogle which controls the size, it's in global.css under core, global, responsive

/* GOOGLE AD CODE FOR RESPONSIVE ADS */
#ipsLayout_mainArea .adsbygoogle { width: 320px; height: 100px; }
@media (min-width:500px) { #ipsLayout_mainArea .adsbygoogle { width: 468px; height: 60px; } }
@media (min-width:1050px) { #ipsLayout_mainArea .adsbygoogle { width: 728px; height: 90px; } }

So if I am using the actual responsive Adsense code could I in theory comment out this code and allow the ads to do their magic by themselves? 

Posted

You might get better results if you change the values (in custom.css), rather than deleting them. If you want higher ads, use larger height (height/min-height/max-height) values and Google will pick that up. 

Posted

Yes this is true. But with this code it basically says you will always show this size on x screen size. Because I am using the responsive Adsense code I want google to decide as and when it shows what size as is intended.

Posted
1 hour ago, gavpedz said:

So if I am using the actual responsive Adsense code could I in theory comment out this code and allow the ads to do their magic by themselves? 

Yes. That's what happens.

This is quite disappointing because when I brought this issue up in a Support Ticket, I was told to purchase the Pages app and add blocks with Adsense ads. Nobody told me about that the CSS above was the culprit of the ads overlapping and not displaying completely.

They should remove that part of the CSS completely because it does more harm than good when the user is actually using responsive ads.

Posted

Wow, this has been driving me nuts for months, never stopped to think Adsense css would have been hidden elsewhere, tried everything to get the square ads back on mobile 

Posted
27 minutes ago, daveoh said:

Wow, this has been driving me nuts for months, never stopped to think Adsense css would have been hidden elsewhere, tried everything to get the square ads back on mobile 

 

On 4/22/2017 at 4:42 PM, gavpedz said:

Yes and I am sure now most are using responsive Adsense. 

Did you notice any income difference after removing that CSS?

Posted
13 minutes ago, David.. said:

Did you notice any income difference after removing that CSS?

Only just changed it now, hoping to see a increase as I've had a 320x100 space on mobile with 320x50 ads.

336x280 and 300x250 ads are in the top paid units.

Also brought back the popular 728x90 on tablets where it's been running 468x60.

Posted
1 hour ago, daveoh said:

Only just changed it now, hoping to see a increase as I've had a 320x100 space on mobile with 320x50 ads.

336x280 and 300x250 ads are in the top paid units.

Also brought back the popular 728x90 on tablets where it's been running 468x60.

Seriously. Feels good seeing that giant ad on tablets for some reason.

Posted

If anyone is interested this is what i have done with mine. (Bear in mind i have the sidebar on pretty much every page possible.)

/* GOOGLE AD CODE FOR RESPONSIVE ADS */
#ipsLayout_mainArea .adsbygoogle { width: 300px; height: 250px; }
@media (min-width:380px) { #ipsLayout_mainArea .adsbygoogle { width: 336px; height: 280px; } }
@media (min-width:764px) { #ipsLayout_mainArea .adsbygoogle { width: 728px; height: 90px; } }
@media (min-width:980px) { #ipsLayout_mainArea .adsbygoogle { width: 468px; height: 60px; } }
@media (min-width:1160px) { #ipsLayout_mainArea .adsbygoogle { width: 728px; height: 90px; } }

#ipsLayout_sidebar .adsbygoogle { width: 300px; height: 250px; }
@media (min-width:380px) { #ipsLayout_sidebar .adsbygoogle { width: 336px; height: 280px; } }
@media (min-width:980px) { #ipsLayout_sidebar .adsbygoogle { width: 300px; height: 600px; } }

 

Posted
Just now, Marius said:

Did you put this code in "custom.css"?

Yes i did. Like i said though the values are setup to my preference with me having the sidebar on, on most pages. 

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...