Hi.
After changing the design of my webpages into a responsive one, and after waiting for 3 months, I've found that the income was 30% lower than before (the traffic remains unchanged).
With the old non-responsive design, my ads shown a fixed size (i.e, 336x280 px). But with the new design, I use the @media query to:
- show 250x250px ad units for the mobile users. I understand that these users are ones with less than 500px width
- show the old size (i.e., 336x280 px) for the non-mobile users (ones with more than 500px width)
This would be my piece of code (following the rules of: [
support.google.com...]
<style type="text/css">
.adslot_1 { width: 250px; height: 250px; }
@media (min-width:500px) { .adslot_1 { width: 336px; height: 280px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
I have some questions:
- Should I use more segments for the users? I mean: 0-300px width, ad of 250x250px; 300-500px, another ad size; >500px, another size.
- Should I use another method to segment the users, different from media query? I mean, by analyzing the user-agent through PHP code.
Thank you very much in advance.
