Tutorial: AdSense Responsive

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
984

CruzMatias

Gamma
Verificación en dos pasos desactivada
Desde
29 Ene 2015
Mensajes
431
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias por el dato!!
 

dannaya

Verificación en dos pasos desactivada
Desde
3 Jun 2011
Mensajes
423
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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


???
 

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
984
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
 

dannaya

Verificación en dos pasos desactivada
Desde
3 Jun 2011
Mensajes
423
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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 :mad::mad: 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!
 

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
984
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 :mad::mad: 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
 

JesusEC

Préstamo
Iota
Redactor
Verificación en dos pasos desactivada
Desde
6 Abr 2012
Mensajes
2.139
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Gracias por el tutorial [MENTION=9679]cicklow[/MENTION]
 

dannaya

Verificación en dos pasos desactivada
Desde
3 Jun 2011
Mensajes
423
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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.
 

JoseZabaleta

Gamma
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Feb 2015
Mensajes
332
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...
 

billywais

Beta
Verificación en dos pasos desactivada
Desde
8 Ene 2015
Mensajes
39
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Gracias por la información, me será de gran ayuda. :):)
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba