Código de anuncios adaptativo para Desktop y Móviles

  • Autor Autor qarlios
  • Fecha de inicio Fecha de inicio
qarlios

qarlios

Épsilon
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buena tarde mi gente, quería hacerles una consulta y es con respecto a la nueva política de adsense en base a los anuncios grandes en móviles, la cual les hago una pregunta, al poner el siguiente código no habría problema?

<script type="text/javascript">
google_ad_client = "ca-pub-23336XXXXXXXX";
if (window.innerWidth >= 400) {
google_ad_slot = "9850XXXXX";
google_ad_width = 336;
google_ad_height = 280;
} else {
google_ad_slot = "739XXXXXXX";
google_ad_width = 320;
google_ad_height = 100;
}
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Con este código, lo que hago es mostrar un anuncio de 336x280 en PC y uno de 320x100 en Moviles.
 
no sabria si funciona, pero con ad inserter plugin para wordpress puedes mostrar si quieres o no anuncios en computadoras o moviles
 
Lo puedes hacer con CSS y eligiendo solo un bloque adsense adaptable:

<style>
.modificarbloque { width: 320px; height: 100px; }
@media(min-width: 400px) { .modificarbloque { width: 336px; height: 280px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Ejemplo bloque responsive -->
<ins class="adsbygoogle modificarbloque"
style="display:inline-block"
data-ad-client="ca-pub-23336XXXXXXXX"
data-ad-slot="9850XXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 
Última edición:
Lo puedes hacer con CSS y eligiendo solo un bloque adsense adaptable:

Gracias colega, lo he puesto así, pero en PC salen anuncios de 468x60 y en Móvil de 300x250:fatigue:
 
Atrás
Arriba