Com as pessoas acessando cada vez mais acessando a Internet de variados dispositivos, surgiu a moda dos sites responsivos – aqueles que se adaptam a qualquer tela. Pois o Google percebeu esta tendncia e resolveu aplicar o mesmo princpio ao Adsense, sua rede de anncios. Agora voc pode ter um anncio que ocupa um espao proporcional ao tamanho da tela.
Como usar?
Primeiro, preciso ter uma conta no Adsense. Se voc j tem uma, o primeiro passo criar um anncio novo. Os antigos no podem ter o seu formato alterado para o tipo responsivo.
1 – No menu de navegao, clique em Meus anncios;
2 – Em seguida, clique em Novo bloco de anncios;
3 – Na lista suspensa Tamanho do anncio, selecione Bloco de anncios responsivo (Beta);
4 – Informe as outras configuraes como faz nos outros anncios normais
5 – Em seguida, clique em salvar e obter o cdigo. O cdigo que ser mostrado mais ou menos assim:
6 – Agora, precisamos modificar o cdigo para informar ao Adsense o tamanho do anncio que queremos para determinada largura de tela. Vou dar o exemplo do anncio no topo do netmundo, que responsivo.
A parte a ser alterada somente o que est entre as tags
Voc tem que informar a largura (width) e altura (height) de cada bloco de modo que sejam IDNTICOS aos tamanhos dos blocos que o Adsense j possui.
Algumas observaes:
Estes anncios s funcionam em layout responsivos e levam em considerao o tamanho da tela.
Como o formato novo, alguns blocos podem mostrar anncios de outros tamanhos ocasionalmente:
- Um anncio de 160 x 600 em um bloco de anncios de 300 x 600
- Um anncio de 728 x 90 em um bloco de anncios de 970 x 90
- Um anncio de 300 x 250 em um bloco de anncios de 336 x 280
Lembre que o nome do seu bloco tambm vira uma classe de CSS, cuidado com conflitos.
Em alguns temas de WP ou Frameworks, a tag INS pode j vir configurada para mostrar um fundo amarelo, para resolver isso procure no seu css por INS e remova a propriedade background ou background-color:
ins {
background: #fff9c0; /*Remova esta linha*/
}
*Infelizmente, os anncios no so dinmicos, no se modificam se voc redimensionar a tela. Eles tm o seu tamanho definido no carregamento da pgina usando media queries. Para testar, redimensione a tela do navegador e recarregue a pgina para ver os diferentes tamanhos de anncios.
Bem interessante a postagem
Interessante
Bem simples de implementar, mais aqui eu adicionei como explicado! mais no funcionou! 🙁
Infelizmente, essa a implementao antiga, hoje j possvel gerar um cdigo que se adapta dinamicamente direto do painel do Adsense.