Como alinhar Publicidades para a Direita ou Esquerda

Like
Like Love Haha Wow Sad Angry

Como alinhar Publicidades para a Direita ou Esquerda
Para quem pensa em ganhar dinheiro com um site ou blog, divulgando programas de afiliados, a forma mais eficaz de maximizar o lucro é adicionando as propagandas o mais perto possível do conteúdo.

Só para você ter uma idéia, o Google publicou uma imagem com base em pesquisas realizadas por eles, que mostra os pontos quentes da página, ou seja, os pontos que tendem a chamar mais a atenção dos visitantes e gerar mais cliques. Confira a imagem abaixo.

Pontos Quentes na PáginaPontos quentes na página para a

Para mim a melhor posição tem sido a que aparece junto aos posts do lado direito do conteúdo, de preferência ao lado de uma imagem como pode ser visto nesta mesma página.

publicidade para a direita

Se você pensa em adotar a estratégia para monetizar melhor seu site, confira as dicas abaixo que mostra como alinhar banners para o lado esquerdo, direito ou centralizado.

Como alinhar Publicidades para a Direita ou Esquerda

A DIV é a forma mais correta de se fazer o alinhamento, estando de acordo com os padrões estabelecidos pelo W3C que visa tornar os sites compatíveis com qualquer navegador de internet.

Basta que você adicione o código da maneira que aparece abaixo, alterando o que aparece em “Código do banner aqui” pelo código do banner que pretende divulgar.

<div style="float: right; ">Código do banner aqui</div>

Abaixo você pode conferir como deve ficar com um anúncio do Google Adsense. Repare que você também pode colocar códigos de imagens, scripts (chats, contadores de visitas, murais) e etc., desde que o sistema que você estiver utilizando para criar seu site permita.

<div style="float: right; ">
<script type="text/javascript"><!--
google_ad_client = "pub-4620332456071936";
/* www.CriarSites.com 336×280 */
google_ad_slot = "2834664179";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

Você pode alterar o “right” (direitta) para “left” (esquerda) ou “center” (centro), caso prefira.

Gostou desta dica sobre Como alinhar Publicidades para a Direita ou Esquerda? Ainda tem alguma dúvida? Deixe um comentário.

Like
Like Love Haha Wow Sad Angry

Sobre Celso Lemes

Celso Lemes é Blogueiro profissional. Vivo de blogs, blogo para viver, vivo blogando, blogando eu vou vivendo.   Baixe grátis o e-book 12 Passos para Divulgar seu Site ou Blog.
Adicionar a favoritos link permanente.


20 Comments

  1. Celso,
    Eu uso adsense assim mesmo, mas ao invés de div eu uso tabela. Usar div deve ser melhor, pois tenho certeza que é menos códigos para o navegador ler.
    Valeu!!

  2. Boa dica, já que muita gente acaba entrando nesse mundo do web design sem ter conhecimento de coisas até básicas. Certamente será útil pra muita gente.
    E tabela, realmente não se usa pra isso, é uma prática fora de uso há bastante tempo por estar fora dos padrões.

  3. Achei muito boa esta dica Celso, há algum tempo que estava considerando mudar o anúncio no meu blog. Gostaria de fazer uma pergunta. Para deixar dois anúncio um ao lado do outro, você colocar um com left e o outro right, correto? Obrigado antecipadamente.

    Renato Alves

    • Vinicius Horta

      Oi Renato!

      Bom eu vou dizer como eu faço, talvez o Celso tenha até alguma maneira melhor.

      Eu coloco ambos para o mesmo lado, cada um dentro de uma div como esta:
      codigo do adsense

      Repare que em “padding é o espaço que ficará em branco, isso pode ser útil para alinhar os blocos sem que palavras pequenas do texto fiquem expremidas entre os blocos.

      Espero ter ajudado 🙂

      Abraço!

    • Renato,
      Faça como o Vinicius disse. Coloque tudo dentro de uma única div, sem alinhamento.

      Abraço!

  4. Rafael de Araujo

    Legal, vale ressaltar também que no WordPress existem muitos plugins que exercem tal trabalho, em vez de inserir ”manualmente”, no entanto, boa dica!

  5. celso, será que tem como colocar dessa forma nos posts feitos no webnode? eu fiz um teste mas ficou meio esquisito.

    • Lar Junior,
      Tem sim. Eu faço isso no meu site.

      Abraço!

      • acho que eu fiz alguma coisa errada, quando eu salvo o artigo o codigo do anuncio some, e desconfigura o texto todo.

        • Lar,
          Se você adicionar o código faltando alguma parte, o Webnode desconfigura todo o conteúdo mesmo. Verifique se não fez algo de errado.

          Abraço!

          • eu estou tentando, quando eu adiciono um textou/imagem fica certinho, alinhado perfeitamente, mas quando tento nos artigos na hora que salvo o artigo já some o código do anúncio (mas reparei também que isso só ocorre com os anuncios do Google AdSense).
            vlw Celso pela atenção.

          • Lar Junior,
            Sim, os anúncios do Google Adsense são corrompidos no editor de conteúdo do Webnode. Para adicionar códigos do Adsense, você precisa seguir estes passos.

            Abraço!

  6. Jackson Soares

    Olá Celso, como faço pra centralizar o anuncio, mudei para center mais não funcionou.

  7. Ola Celso, gostei da dica, mas nao consegui dessa maneira, eu fiz assim:

    Codigo do anuncio

    So assim funcionou no blogger.
    Queria saber se nao tem nenhum problema, isso nao altera em nada o codigo do adsense?

    obrigado, aguardo sua resposta

  8. Obrigado por disponibilizar este código Celso, eu estava procurando no Google como alinhar os anúncios do adsense e apareceu este artigo. Parabéns e obrigado!

    Abraço!

  9. Douglas Moraes

    Amigo, muito bom o seu artigo, só fiquei com mais uma dúvida, fiz o texto, porém o mesmo fica muito grudado com o anúncio, neste caso o que preciso fazer para separar um pouco?

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *