Tutorial: AdSense Responsive

  • Autor Autor Cicklow
  • Fecha de inicio Fecha de inicio
los codes estos son para los sitios responsives... XD lo que hace esto es que el banner de 728 te desconfigure el diseño, ya que no se adapta a la pantalla como los de 300x250 y los de 480x60.. es solo si tenes ese tipo de banners.

se podrían poner esas condicionales por ejemplo así:

Si la resolución es más de 500px ----> anuncio de 300x250
Si la resolución es inferior ----> anuncio ADAPTABLE


???
 
se podrían poner esas condicionales por ejemplo así:

Si la resolución es más de 500px ----> anuncio de 300x250
Si la resolución es inferior ----> anuncio ADAPTABLE


???

si puedes hacerlo
 
si puedes hacerlo

sabes tú o alguien cómo?

Pongo así
Insertar CODE, HTML o PHP:
<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Si la resolución es mayor de 500px que se vea el bloque de 336 :encouragement:
Si la resolución es menor de 400px que se vea el bloque de 300 :encouragement:
Si la resolución es entre 400 y 500 que se vea el bloque adaptable 😡😡 NO LO CONSIGO

El adaptable no consigo que se vea, en realidad lo haría con otras medidas pero lo estoy haciendo con estas medidas de prueba y nada, no lo consigo!
 
sabes tú o alguien cómo?

Pongo así
Insertar CODE, HTML o PHP:
<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Si la resolución es mayor de 500px que se vea el bloque de 336 :encouragement:
Si la resolución es menor de 400px que se vea el bloque de 300 :encouragement:
Si la resolución es entre 400 y 500 que se vea el bloque adaptable 😡😡 NO LO CONSIGO

El adaptable no consigo que se vea, en realidad lo haría con otras medidas pero lo estoy haciendo con estas medidas de prueba y nada, no lo consigo!
esta mal armado el code...
Insertar CODE, HTML o PHP:
<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
 google_ad_format = "336x280_as";
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

ahora bien los adaptables nuevos de adsense solo funcionan con el code nuevo de adsense... no con el viejo...
HTML:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="{PUB ID}"
data-ad-slot="{AD SLOT}"
data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
el data-ad-format=auto es adaptable... en tu caso puedes usar el nuevo code de adsense para controlar todo esto... ya que permite adaptables fijos usando CSS media https://support.google.com/adsense/answer/3543893
 
Gracias por el tutorial [MENTION=9679]cicklow[/MENTION]
 
el data-ad-format=auto es adaptable... en tu caso puedes usar el nuevo code de adsense para controlar todo esto... ya que permite adaptables fijos usando CSS media https://support.google.com/adsense/answer/3543893

Gracias!! Sólo poniendo el atributo "rectangle" sin condicionales y sin cambiar nada más, sólo con el código del anuncio auto, ya hace lo que quiero, fuerza a mostrar anuncios más grandes. Antes me salía en muchas resoluciones el de 468x60 que no me gusta y ya no.
 
Tremendo aporte !!!! GRACIAS !
 
Hola... Si no he entendido mal, que los baner se comporten responsivamente, significa que se adaptan al tamaño de los diferentes dispositivos... ¿Eso no lo logra el tipo de anuncio "Adaptable"?

Gracias...
 
Gracias por la información, me será de gran ayuda. 🙂🙂
 

Temas similares

Atrás
Arriba