Topic: Adsense ads in mobile are not showing properly

This topic has 11 replies, 2 voices, and was last updated 7 years, 12 months ago by Probewise.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
June 30, 2017 at 12:03 AM #707

You must have valid license to access this content.

June 30, 2017 at 1:07 PM #709

Probewise
Keymaster

We’ll test that in a responsive Ad and see what’s best fix for it in the next update of the theme.

June 30, 2017 at 2:05 PM #710

muka10
Participant

When you think will be ready the update? I bought this theme to use it with Adsense and now I can’t use it.

Is there any custom CSS to don’t show the #Wise Ads in mobile devices? I mean the “Top Ads” and “Bottom Ads” that we add in Widgets section.

Also there is any custom CSS to increase the content width in mobile device, to be able to show the 300×250 Ads properly?

Thanks.

June 30, 2017 at 4:01 PM #711
Probewise
Keymaster
On July, next week or on the following week, the theme will be updated. The fix for responsive Adsense ad is already added on the new update, we’re just finalizing things to roll out the new update. It is more prone to violate Adsense policy if you’ll hide the Ad code using CSS in mobile device. In the meantime, you can add this to your CSS file:
```
/* Mobile Ads Fix */
@media screen and (min-width: 728px) {
	.ads-layout_responsive {
		width: 728px;
		height: 90px;
	}
}

@media screen and (max-width: 727px) and (min-width: 468px) {
	.ads-layout_responsive {
		width: 468px;
		height: 60px;
	}
}

@media screen and (max-width: 467px) {
	.ads-layout_responsive {
		width: 320px;
		height: 50px;
	}
}

@media screen and (max-width: 320px) {
	.ads-layout_top,
	.ads-layout_bottom,
	.ads-layout_both,
	.ads-layout_none,
	.ads-layout_sidebar {
		margin-left: -10px;
		margin-right: -10px;
	}
}
```
Then, you should add this wrapper to your ad widget:
```
<div class="ads-layout_responsive">
	Your Adsense code here!
</div>
```
June 30, 2017 at 4:04 PM #712

Probewise
Keymaster

You may see the example responsive Adsense code on this site.

June 30, 2017 at 11:59 PM #713

muka10
Participant

Thanks.

The 300×250 ads are perfect now.

The 728×90 ads:
– In mobile: are showing properly.
– In desktop: are not showing. Not sure if I’m missing something. Can u help?

Thank you.

July 1, 2017 at 2:55 PM #715
Probewise
Keymaster
You haven’t added a wrapper on the Adsense code as shown above. This is our example ad unit on this site (as you can see it is working well, add <div class=”ads-layout_responsive”>):
```
<div class="ads-layout_responsive"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-3304890603950099"
     data-ad-slot="5718067767"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
```
July 1, 2017 at 6:50 PM #717

muka10
Participant

I did add everything as you told me, but for some reason the ads did not appear on the desktop. After that, I have made changes in CSS to adjust the mobile site to the Adsense Policies and that’s why you couldn’t see the wrapper beacuse I deleted it.

I have installed the theme in a new test domain (miguelros.com) and I have added the CSS code and the wrapper and all looks good, except the top and bottom ads that need adjusment. Please check the images: http://imgur.com/a/uukXt

Thanks.

July 3, 2017 at 9:08 AM #721

Probewise
Keymaster

We’ve checked miguelros.com using mobile and it’s working well with the responsive Ads with wrapper. You might need to refresh your mobile browser for Adsense Ad to adapt according to screen sizes.

July 3, 2017 at 1:54 PM #724

muka10
Participant

If you check the images I sent you in my previous message you can see that the top and bottom ads are cutted, and this is motive for an Adsense penalization and probably Adsense ban.

The mobile is an iPhone 5s, which is one of the most used dispositives.

You theme is 100% Adsense ready for desktop but is 0% ready for mobile. If you take a look to the screenshot that you have sent me in your last message, which is a post page, you can’t see the content until you scroll, and this is another motive of Adsense penalization.

Thanks for your help.

July 4, 2017 at 11:07 AM #726
Probewise
Keymaster
You might need to hide Ads on mobile devices as it is officially permitted by Adsense (https://support.google.com/adsense/answer/6307124?vid=0-1352015369634-1499137488814#hide). Here’s the updated code CSS to hide it on mobile:
```
/* Mobile Ads Fix */
@media screen and (min-width: 728px) {
	.ads-layout_responsive {
		width: 728px;
		height: 90px;
	}
}

@media screen and (max-width: 727px) and (min-width: 468px) {
	.ads-layout_responsive {
		width: 468px;
		height: 60px;
	}
}

@media screen and (max-width: 467px) {
	.ads-layout_responsive {
		display:none;
	}
}

@media screen and (max-width: 320px) {
	.ads-layout_top,
	.ads-layout_bottom,
	.ads-layout_both,
	.ads-layout_none,
	.ads-layout_sidebar {
		margin-left: -10px;
		margin-right: -10px;
	}
}
```
Be sure to add wrapper on your adsense code:
```
<div class="ads-layout_responsive">
	Your Adsense code here!
</div>
```
Hope this helps. Thank you very much!
July 4, 2017 at 11:11 AM #727

Probewise
Keymaster

And also, you can use Page-level Ads for a more efficient Ad display on mobile.
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.