Cicklow
Admin
Dseda
Verificado
Verificación en dos pasos activada
Usuário popular!
Suscripción a IA
Antes de mais nada, e sei que muitos comentarão que isso não é permitido nem nada, já que se modifica o código do AdSense, aviso:
Esta modificação é a ÚNICA PERMITIDA pelo AdSense para fazer com que seus banners funcionem de forma responsiva.
Junto ao seu conteúdo, os anúncios do AdSense podem ser ajustados a diferentes tamanhos de telas usando um fragmento de JavaScript muito simples. Para aproveitar o design adaptável, primeiro crie vários tamanhos de anúncios, por exemplo 728 x 90, 468 x 60 e 300 x 250. A seguir, implemente um fragmento “if-else” para publicar o tamanho de anúncio correto segundo o tamanho do dispositivo do usuário. Aqui mostramos um exemplo do código JavaScript relevante:
Se não quisermos criar um banner para cada tamanho de tela, o que poderemos fazer é usar o velho código do AdSense. (Old AdSense Code Generator)
Para obter recursos adicionais sobre o valor da tecnologia para celulares, testar seu site e encontrar desenvolvedores que te ajudem a criar seu site otimizado para celulares, visite ¿Está tu web adaptada al móvil?
Abraços!
Fonte: Cómo usar AdSense con un diseño adaptable - Dentro de AdSense
PS: isto é para evitar que os banners de 728 desconfigurem o design nos dispositivos móveis ou tablets... já que os banners de 300x250 e os 468x90 não desconfiguram o design, são os banners que se adaptam automaticamente à tela.
Esta modificação é a ÚNICA PERMITIDA pelo AdSense para fazer com que seus banners funcionem de forma responsiva.
O design adaptável é uma técnica de design de sites que permite criar um site individual que se adaptará ao dispositivo a partir do qual é visualizado: notebook, smartphone ou tablet. Um site com design adaptável muda automaticamente seu tamanho para os diferentes dispositivos, mas é você quem deve decidir qual conteúdo importa mais para o usuário de celular.
Junto ao seu conteúdo, os anúncios do AdSense podem ser ajustados a diferentes tamanhos de telas usando um fragmento de JavaScript muito simples. Para aproveitar o design adaptável, primeiro crie vários tamanhos de anúncios, por exemplo 728 x 90, 468 x 60 e 300 x 250. A seguir, implemente um fragmento “if-else” para publicar o tamanho de anúncio correto segundo o tamanho do dispositivo do usuário. Aqui mostramos um exemplo do código JavaScript relevante:
Se não quisermos criar um banner para cada tamanho de tela, o que poderemos fazer é usar o velho código do 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 obter recursos adicionais sobre o valor da tecnologia para celulares, testar seu site e encontrar desenvolvedores que te ajudem a criar seu site otimizado para celulares, visite ¿Está tu web adaptada al móvil?
Abraços!
Fonte: Cómo usar AdSense con un diseño adaptable - Dentro de AdSense
PS: isto é para evitar que os banners de 728 desconfigurem o design nos dispositivos móveis ou tablets... já que os banners de 300x250 e os 468x90 não desconfiguram o design, são os banners que se adaptam automaticamente à tela.
Última edição: