Tutorial: Cómo crear anuncios adaptables de Google AdSense para tu sitio Web

Vzk91 dijo:

Una duda que tengo, si yo a la caja contenedora del anuncio le doy un width: 100% y un height: 100px; mostrara los anuncios ajustando el ancho pero manteniendo siempre el alto ? Porque lo he intentado pero el anuncio se sale del contenedor, no se ajusta al alto.

Hacer clic para expandir...

Eternovicio dijo:

Yo probe el tuto pero no se ve nada en mi sitio

Hacer clic para expandir...

Eternovicio dijo:

Si, pero tranquilo al parecer primero debo solucionar el error que cometí al contratar a una persona para que me clonara una plantilla desde cero y lo que hizo en realidad fue adaptarla, por lo que tiene varios errores. Primero soluciono esto y luego vuelvo a probar.

Hacer clic para expandir...

likepop dijo:

[MENTION=47896]RaikND[/MENTION] Me he leído tu aporte de como poner los anuncios adaptables en Blogger, y me surgió esta tonta duda. En donde pones "EDITAR CODIGO PARA IMPRIMIR DESDE EL PC" y "EDITAR CODIGO PARA IMPRIMIR DESDE EL MOVIL" te refieresa que ahí dentro tengo que poner el código tal cual me lo da Google cuando creo el cuadro de anuncio adaptable cierto?

Hacer clic para expandir...

RaikND dijo:

Exactamente :encouragement: pero pasalo de html a xml antes de aplicarlo

Hacer clic para expandir...

doutop15 dijo:

[MENTION=3486]iNeedYou[/MENTION]

Dejo mi aporte 🙄

Se trata de este otro, es más facil de usar solo ahi que pegar el ca-pub- ### y listo 🙂

HTML:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-AQUI-REEMPLAZAR";
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>

Es editable Y listo solo lo pegan donde desea que se muestre el banner :encouragement:

Saludos buen tuto :welcoming:

Hacer clic para expandir...

MIG400 dijo:

Hola, muy interesante tu código. Solo tengo una duda, ¿hay que generar anuncios de todos esos tamaños antes de añadir el código verdad?

Hacer clic para expandir...

iNeedYou dijo:

Únicamente uno adaptable. Que me corrijan si me equivoco.

Hacer clic para expandir...