Eu uso o script abaixo no meu site.
lembrando que você deve criar um anuncio de tipo resposivo no Adsense primeiramente!
Depois é só vc alterar os tamamnos que vc deseja que apareça em cada dispositivo, e colocar seus codigos da sua conta adsense.
<script type=”text/javascript”>
var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
// Altere usando o seu ID
google_ad_client = “AQUI SEU CODIGO DE CLIENTE ADSENSE”;
if (width >= 980) {
// Desktop: 728×90
google_ad_slot = “AQUI O CODIGO DO SEU ANUNCIO”; // Altere para o ID do anúncio
google_ad_width = 728;
google_ad_height = 90;
} else if ((width >= 768) && (width < 980)) {
// Tablet: 300×250
google_ad_slot = “AQUI O CODIGO DO SEU ANUNCIO”; // Altere para o ID do anúncio
google_ad_width = 700;
google_ad_height = 100;
} else {
// Smartphone: 200×200
google_ad_slot = “AQUI O CODIGO DO SEU ANUNCIO”; // Altere para o ID do anúncio
google_ad_width = 300;
google_ad_height = 250;
}
</script>
Aqui meu site funcionando tanto em desktop e smartphone: http://www.bcvagas.com.br/
Criador do tópico
thigoss
(@thigoss)
Ele só ta aceitando meu banner sem ser responsivo, criei um responsivo para testar, quando coloco esse código o banner some.
Criador do tópico
thigoss
(@thigoss)
Ele apaparece quando eu tiro o código que uso para posicionar ele ao lado do logotipo.
.banner {
position: absolute;
top: 18px;
left: 400px;
}
Porém, tirei o código e ele foi para o topo da pagina.
Alguem com alguma solução?
Criador do tópico
thigoss
(@thigoss)
Já tentei position: relative e não deu certo também, no celular ele quebra a pagina pro lado
Dá uma pesquisada sobre “Media Queries”
Você pode fazer alterações no posicionamento, tamanho, etc.. usando o CSS.
