AdSense Responsive AdSense Responsive


Página 1 de 8 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 71
  1. #1
    Antes que nada y se que muchos comentaran que esto no esta permitido ni nada, ya que se modifica el código de adsense, les aviso:
    Esta modificación es la UNICA PERMITIDA por adsense para hacer que tus banners funcionen responsivamente.

    El diseño adaptable es una técnica de diseño de sitios web que te permite crear un sitio individual que se adaptará al dispositivo desde el que se visualiza: portátil, smartphone o tablet. Un sitio con diseño adaptable cambia automáticamente su tamaño para los distintos dispositivos, pero eres tú quien debe decidir qué contenido importa más al usuario de móvil.
    Junto a tu contenido, los anuncios de AdSense se pueden ajustar a distintos tamaños de pantallas usando un fragmento de JavaScript muy sencillo. Para aprovechar el diseño adaptable, primero crea varios tamaños de anuncios, por ejemplo 728 x 90, 468 x 60 y 300 x 250. A continuación, implementa un fragmento “if-else” para publicar el tamaño de anuncio correcto según el tamaño del dispositivo del usuario. Aquí te mostramos un ejemplo del código JavaScript relevante:



    Si no queremos crear un banner para cada tamaño de pantalla, lo que podremos hacer es usar el viejo codigo de adsense. (Old AdSense Code Generator)
    Código PHP:
    <script type="text/javascript"><!--
    google_ad_client "pub-";
    if(
    window.innerWidth >= 800){
     
    google_ad_width 728;
     
    google_ad_height 90;
     
    google_ad_format "728x90_as";
    }else if(
    window.innerWidth 400){
     
    google_ad_width 300;
     
    google_ad_height 250;
     
    google_ad_format "300x250_as";
    }else{
     
    google_ad_width 468;
     
    google_ad_height 60;
     
    google_ad_format "468x60_as";
    }
    google_ad_type "text_image";
    google_ad_channel "";
    google_color_border "FFFFFF";
    google_color_bg "FFFFFF";
    google_color_link "FFFFFF";
    google_color_text "FFFFFF";
    google_color_url "FFFFFF";
    google_ui_features "rc:0";
    //-->
    </script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script> 
    Para obtener recursos adicionales sobre el valor de la tecnología para móviles, probar tu sitio y encontrar desarrolladores que te ayuden a crear tu sitio optimizado para móviles, visita ¿Está tu web adaptada al móvil?

    Saludos!

    Fuente: Cómo usar AdSense con un diseño adaptable - Dentro de AdSense

    PD: esto es para evitar que los banners de 728 te descuadren el diseño en los dispositivos mobiles o tablets... ya que los banners de 300x250 y los 468x90 no descuadran el diseño, son los banners que se adaptan automaticamente a la pantalla.
    Última edición por cicklow; 27-feb-2013 a las 14:08

  2. #2
    Registro
    26-diciembre-2011
    Ubicación
    Managua, Nicaragua
    Edad
    24
    Mensajes
    659
    Gracias por el super aporte
    una pregunta eso solo sirve si mi sitio no es responsive?

    por que mi sitio es responsive, necesitare hacerle esos a los codigos de adsense?

    Saludos

  3. #3
    Cita Iniciado por JeansReal Ver Mensaje
    Gracias por el super aporte
    una pregunta eso solo sirve si mi sitio no es responsive?

    por que mi sitio es responsive, necesitare hacerle esos a los codigos de adsense?

    Saludos
    los codes estos son para los sitios responsives... 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.

  4. #4
    Registro
    11-julio-2011
    Ubicación
    Santiago Republica Dominicana
    Mensajes
    1.064
    Gracias hombre Enhorabuena!... Vaya actualmente estaba buscando la forma de hacer esto, ya tengo la info y ahora no se como empezar para implementarlo! buscare ayuda ....

  5. #5
    Registro
    26-diciembre-2011
    Ubicación
    Managua, Nicaragua
    Edad
    24
    Mensajes
    659
    Cita Iniciado por cicklow Ver Mensaje
    los codes estos son para los sitios responsives... 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.
    jaaa gracias de nuevo jeje

  6. #6
    Registro
    04-noviembre-2009
    Ubicación
    Lima, Perú
    Edad
    29
    Mensajes
    5.346
    Este ya está en el top 5 de los mejores tutoriales del año. Gracias .

  7. #7
    Registro
    28-julio-2011
    Ubicación
    Palma de Mallorca
    Edad
    34
    Mensajes
    1.124
    Justo acabo de instalar un thema adaptable y me mostraba los banners raros al reducir la pantalla.
    Yo voy a optar por crear varios anuncios Adsense. Así tengo mayor control sobre quien entra a mi web y enfocar me más en el diseño para esas dimensiones

    ---------- Post agregado en la hora: 12:17 ---------- Anterior post agregado en la hora: 12:05 ----------

    También esta publicado en el blog de webmaster oficial Google http://googlewebmastercentral.blogsp...er-of.html?m=1

    Otra cosa interesante es probarlo para banners de afiliados

  8. #8
    MUY interesante aporte! Gracias!

  9. #9
    Cita Iniciado por Tarrioin Ver Mensaje
    Justo acabo de instalar un thema adaptable y me mostraba los banners raros al reducir la pantalla.
    Yo voy a optar por crear varios anuncios Adsense. Así tengo mayor control sobre quien entra a mi web y enfocar me más en el diseño para esas dimensiones

    ---------- Post agregado en la hora: 12:17 ---------- Anterior post agregado en la hora: 12:05 ----------

    También esta publicado en el blog de webmaster oficial Google Official Google Webmaster Central Blog: Responsive design – harnessing the power of media queries

    Otra cosa interesante es probarlo para banners de afiliados
    sisis yo puse la fuente original: Cómo usar AdSense con un diseño adaptable - Dentro de AdSense
    desde ya lo que habla el post que pusistes es usar media querys para CSS no para adsense.

  10. #10
    Registro
    28-julio-2011
    Ubicación
    Palma de Mallorca
    Edad
    34
    Mensajes
    1.124
    Es que mi inglés peca por sus fallos. Entre en el enlace que puse. Pero no entendí mucho.
    Aunque me pareció interesante destacar que también lo plantean en Google com

    A por cierto también se pueden eliminar la publicidad según el tamaño de la pantalla dejando el espacio en blanco

Página 1 de 8 123 ... ÚltimoÚltimo


Temas similares

  1. Adsense Responsive
    Solo quería compartir con vosotros la solución que han dado desde Adsense para adaptar la publicidad a diseños responsive: Cómo usar AdSense con...
    Respuestas: 7
    Último mensaje: 26-feb-2013
  2. Responsive + HTML5
    Hola! Busco un tema que sea responsive y html5 para mi sitio www.apuestalo.es. &#191;Alguna sugerencia? Enviado desde mi GT-I9300 usando Tapatalk...
    Respuestas: 5
    Último mensaje: 30-ene-2013
  3. Responsive slider?
    Hola, el otro día descubrí que el slider de mi blog no se ve nada de bien en todo lo que no sea un pc. Además he mirado analytics y tengo el rebote...
    Respuestas: 3
    Último mensaje: 26-oct-2012
  4. Duda de anuncio de Adsense en sitio con responsive design
    Hola betas. Hace unos minutos cambie el theme de uno de mis sitios. Pues deseo probar un tema con responsive design y HTML5. Sin embargo, luego de...
    Respuestas: 5
    Último mensaje: 03-oct-2012

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •