Hoje vou ensinar a você a como exibir anúncios de tamanhos diferentes na versão mobile e desktop do seu blogger.
Hoje em dia a maioria dos blogs, são monetizado com Google Adsense, e em questão de anúncios o Google é bem exigente, por isso hoje vamos aprender a exibir anúncios diferente nas versão mobile e desktop.
1 ° PASSO
A primeira coisa que vamos fazer é ir até "Modelo" e pressione botão "Editar HTML". Em seguida clique dentro da área do código do Blogger e pressione as teclas CTRL + F para abrir a caixa de busca.
Após a abrir a caixa digite ou cole o código abaixo e pressione Enter
]]></b:skin>
Após localizar este código adicione acima dele o seguinte estilo
@media only screen and (max-width: 400px) {
.mobile-hide{ display: none !important; }
}
@media only screen and (max-width: 400px) {
.mobile{ display: inline !important; }
}
@media only screen and (min-width: 500px) {
.desktop-hide{ display: none !important; }
}
2° PASSO
Clique em "Salvar modelo" para salvar as alterações
3° PASSO
Agora basta adicionar seus códigos adsense nas div abaixo
<!-- aparecer no desktop -->
<div class="mobile-hide"><h1>
CÓDIGO DO SEU BLOCO AQUI QUE SERÁ EXIBIDO NA VERSÃO DESKTOP
</h1></div>
<!-- aparecer no mobile -->
<div class="mobile"><div class="desktop-hide"><h1>
CÓDIGO DO SEU BLOCO QUE SERÁ EXIBIDO NA VERSÃO MOBILE
</h1></div></div>
VOCÊ PODE ADICIONAR ESTÁ DIV TANTO EM WIDGET HTML OU NO PRÓPRIO CÓDIGO HTML DO BLOG.
TAMANHOS DE ANÚNCIOS IDEAL PARA VERSÃO MOBILE E DESKTOP
DESKTOP
300x250 - Conhecido como "retângulo médio". Os anunciantes tendem a ter mais inventário de anúncios disponível para esse tamanho, o que pode aumentar os ganhos quando os anúncios gráficos e de texto estão ativados.
336 x 280 - Conhecido como "retângulo grande". Este tipo de anúncio tendem a ser mais lucrativo nas versões desktop.
728 x 90 - É um tipo de anúncio ideal para ser colocado no cabeçalho, ou no fim dos artigos.
Responsivo - Este tipo de anúncio pode ser inserido em qualquer lugar do seu blog, pois ele se adapta a qualquer tamanho.
MOBILE
300x250 - Este tipo de anúncio pode ser inserido no meio dos artigos, abaixo da primeira dobra.
250x250 - Este tipo de anúncio pode ser inserido no meio dos artigos, abaixo da primeira dobra.
320 x 50 - Também conhecido como "cabeçalho para celular". Esse formato é um banner otimizado para celular.
200 x 200 - Também conhecido como "quadrado pequeno", esse formato pode caber em espaços menores que não acomodam os retângulos maiores. No entanto, o fornecimento de anúncios gráficos disponíveis para esse tamanho de anúncio é geralmente limitado, o que pode levar o anúncio a apresentar um desempenho abaixo do ideal.