Mykeura
Zeta
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Excelente aporte compañero :encouragement:
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.
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)
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.
Una consulta cicklow, es necesario crear el anuncio en el code antiguo? o basta con poner el pub- ? saludos y gracias :encouragement:
puedes usar el code nuevo, pero tendras que crear un banner de cada tamaño.
no, me refiero a ese código que pones
google_ad_client = "pub-";
if(window.innerWidth >= 800){
google_ad_width = 728;
bastaría con poner el pub- del editor?
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.
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)
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.
<style>
.adsbygoogle { width:336px; height:280px } media(min-width: 500px) { .adsbygoogle { width: 320px; height: 50px; } } media(min-width: 800px) { .adsbygoogle { width: 300px; height: 250px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- banner responsive -->
<ins class="adsbygoogle"
style="display:inline-block;"
data-ad-client="ca-pub-xxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>es que estas usando el code nuevo de las ads, adsense te permite crear anuncios adaptables desde tu cuenta sin complicarte tanto, podes usar eso.Disculpa que te moleste [MENTION=9679]cicklow[/MENTION], es que mientras más busco, más me confundo.
Resulta que en mi plantilla tengo un solo bloque de anuncio de tamaño: 336x280 debajo del título de cada artículo (single.php) Cuando se ingresa con un dispositivo móvil este anuncio ocupa casi toda la pantalla y como sabemos, esto no está permitido por Adsense...
Quería saber como transformar ese anuncio en uno de 320x50 px cuando se ingrese con un iphone o tablet por ejemplo... ¿Se puede? como lo tengo que hacer?, estoy bastante liado con esto, ni idea como hacerlo...
---------- Post agregado el 18-ene-2014 hora: 13:04 ----------
[MENTION] cicklow[/MENTION] quedaría bien si lo hago así?
Insertar CODE, HTML o PHP:<style> .adsbygoogle { width:336px; height:280px } media(min-width: 500px) { .adsbygoogle { width: 320px; height: 50px; } } media(min-width: 800px) { .adsbygoogle { width: 300px; height: 250px; } } </style> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- banner responsive --> <ins class="adsbygoogle" style="display:inline-block;" data-ad-client="ca-pub-xxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
es que estas usando el code nuevo de las ads, adsense te permite crear anuncios adaptables desde tu cuenta sin complicarte tanto, podes usar eso.
Ahora estoy ocupando el código de un anuncio de 320 x 200 asincrono, tu dices que ese se adapta solo?.... lo que pasa es que me ocupa gran parte de la mitad de arriba de la pantalla y no muestra el contenido al usuario de dispositivo movil... como lo transformo en uno de 320x50... quizas no se puede y yo ando molestando xD
cuando creas el banner en tu cuenta te pregunta que tipo, el code viejo, el nuevo o responsive... usas este ultimo
cuando creas el banner en tu cuenta te pregunta que tipo, el code viejo, el nuevo o responsive... usas este ultimo
Hola, una pregunta clcklow, esto sirve para convertir la lista de enlaces de 728x15 a 200x90 por ejemplo?
Gracias!
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxxxxxxxxxxx";
if(window.innerWidth >= 800){
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
}else{
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = "auto";
}
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>Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?