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

lordskorpius · 26 Dic 2014

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.

Y no lo hará, el anuncio adaptable solo ve el width :distant:

Gelipe · 26 Dic 2014

Buen aporte :welcoming:

Akela · 28 Dic 2014

[MENTION=3486]iNeedYou[/MENTION] te paso el link que te comente

https://support.google.com/adsense/answer/3380626?hl=es

Eternovicio · 28 Dic 2014

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

iNeedYou · 29 Dic 2014

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

Como no te expliques un poco mejor... ¿Tiene tu Web diseño responsive?

Eternovicio · 29 Dic 2014

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.

iNeedYou · 29 Dic 2014

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.

Me quedo tranquila entonces 🙂 Suerte, seguro que luego consigues ponerlos :encouragement:

likepop · 29 Dic 2014

[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?

RaikND · 29 Dic 2014

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?

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

likepop · 29 Dic 2014

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

Okas! :encouragement:.

Aaah, y perdona que te siga molestando, de veras, perdón. Si yo quisiera poner el anuncio en el medio de las entradas, debo poner el código cada vez que escribo una de ellas en la parte que quiera? En la parte de arribita que dice HTML obvio.

Y también me gustaría saber: no será malo para el SEO poner esa cantidad de código cada vez que creo una entrada?(el que va obviamente en la entrada)

Gracias!!

domingo8 · 29 Dic 2014

yo tengo el foro de xenforo,en la plantilla donde está mi código de adsense que tengo que hacer porque la verdad no entiendo mucho de lo que dicen aquí y cuando veo mi anuncio desde mi celular lo veo grande..

zeritodeivid · 29 Dic 2014

miy buen tutorial, se agradace.
para todos los que somos algo novatos en el asunto xD

MIG400 · 29 Dic 2014

Gracias Irene, nunca lo había probado, creo que lo voy a poner en práctica con los próximos anuncios que genere. Saludos :encouragement:

Relevo · 29 Dic 2014

Se agradece, tengo que probar estás cosas a ver como está funcionando todo

jesusavila03 · 2 Ene 2015

Como decimos en Venezuela: Te la comiste!!

Que genial tu aporte, ya lo estoy poniendo en práctica jejeje 😉 :encouragement:

gemva · 3 Ene 2015

Muy buen tutorial

wizardpro · 15 Ene 2015

Muy bueno y util :encouragement:

MIG400 · 19 May 2015

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:

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?

iNeedYou · 21 May 2015

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?

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

MIG400 · 21 May 2015

iNeedYou dijo:
Únicamente uno adaptable. Que me corrijan si me equivoco.

Hola [MENTION=3486]iNeedYou[/MENTION], gracias por responder. ¿Entonces a los adaptable es posible darles un determinado tamaño también? Eso me parece muy bueno.

Por curiosidad, cómo lo tenés actualmente implementado en tu web ADNFriki?. Es este mismo sistema?.

:encouragement:

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

lordskorpius

Gelipe

Akela

Eternovicio

iNeedYou

Eternovicio

iNeedYou

likepop

RaikND

likepop

domingo8

zeritodeivid

MIG400

Relevo

jesusavila03

gemva

wizardpro

MIG400

iNeedYou

MIG400

Temas similares