Tutorial: AdSense responsivo

Que Buena Imagen disse:

amigo está bom, só que minha pergunta seria se serve para os anúncios de link e como eu modificaria o código

Clique para expandir...

marcs2011 disse:

adsense não vai te banir por andar mexendo no código dele='

Clique para expandir...

cicklow disse:

os codes estes são para os sites responsivos... XD o que isso faz é que o banner de 728 desconfigure o seu design, já que não se adapta à tela como os de 300x250 e os de 480x60.. é só se você tiver esse tipo de banner.

Clique para expandir...

dannaya disse:

seria possível colocar essas condicionais por exemplo assim:

Se a resolução for maior que 500px ----> anúncio de 300x250
Se a resolução for inferior ----> anúncio ADAPTÁVEL


???

Clique para expandir...

cicklow disse:

sim, você pode fazer isso

Clique para expandir...

<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

dannaya disse:

você sabe ou alguém sabe como?

Eu coloco assim

Inserir CODE, HTML ou PHP:

<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Se a resolução for maior que 500px que apareça o bloco de 336 :encouragement:
Se a resolução for menor que 400px que apareça o bloco de 300 :encouragement:
Se a resolução for entre 400 e 500 que apareça o bloco adaptável 😡😡 NÃO CONSIGO

O adaptável eu não consigo fazer aparecer, na verdade eu faria com outras medidas mas estou fazendo com estas medidas de teste e nada, não consigo!

Clique para expandir...

<script type="text/javascript"><!--
google_ad_client = "MI PUB ID ADSENSE";
if(window.innerWidth >= 500){
 google_ad_width = 336;
 google_ad_height = 280;
 google_ad_format = "336x280_as";
}else if(window.innerWidth < 400){
 google_ad_width = 300;
 google_ad_height = 250;
 google_ad_format = "300x250_as";
}else{
 google_ad_slot = "ID DEL BLOQUE ADAPTABLE";
}
</script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="{PUB ID}"
data-ad-slot="{AD SLOT}"
data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

cicklow disse:

o data-ad-format=auto é adaptável... no seu caso você pode usar o novo código do adsense para controlar tudo isso... já que permite adaptáveis fixos usando CSS media https://support.google.com/adsense/answer/3543893

Clique para expandir...