Como alinhar Publicidades para a Direita ou Esquerda

Criar Site no Webnode

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.

Celso Lemes

Blogueiro Profissional. Conhecimento sobre Marketing Digital, Google SEO, Divulgação Online, Redes Sociais, Webdesign, Divulgação de Empresas

20 comentários em “Como alinhar Publicidades para a Direita ou Esquerda

  • 28/01/2011 em 10:57 am
    Permalink

    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!!

    Resposta
  • 28/01/2011 em 1:09 pm
    Permalink

    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.

    Resposta
  • 28/01/2011 em 6:11 pm
    Permalink

    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

    Resposta
    • 28/01/2011 em 8:11 pm
      Permalink

      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!

      Resposta
      • 28/01/2011 em 8:14 pm
        Permalink

        O cod. não apareceu =/

        mas é semelhante ao do Celso, apenas eu acrescento

        padding: 5px

        🙂

        Resposta
    • 28/01/2011 em 11:31 pm
      Permalink

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

      Abraço!

      Resposta
  • 14/02/2011 em 11:11 am
    Permalink

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

    Resposta
    • 15/02/2011 em 12:07 am
      Permalink

      Rafael,
      Pode deixar o nome de um plugin que faça isso? Por favor.

      Abraço!

      Resposta
  • 05/02/2012 em 5:32 pm
    Permalink

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

    Resposta
    • 06/02/2012 em 1:38 am
      Permalink

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

      Abraço!

      Resposta
      • 06/02/2012 em 10:35 am
        Permalink

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

        Resposta
        • 07/02/2012 em 1:31 am
          Permalink

          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!

          Resposta
          • 07/02/2012 em 5:15 pm
            Permalink

            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.

          • 08/02/2012 em 12:54 am
            Permalink

            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!

  • 21/03/2012 em 11:21 pm
    Permalink

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

    Resposta
    • 22/03/2012 em 1:47 am
      Permalink

      Jackson,
      Tenta adicionar midle ao invés de center. Pode ser alguma restrição de seu template.

      Abraço!

      Resposta
  • 10/04/2012 em 7:09 am
    Permalink

    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

    Resposta
    • 10/04/2012 em 11:45 am
      Permalink

      Fernando,
      Aqui não apareceu o código no comentário, mas se deu certo aí, não tem problema. Você só não pode mexer no código do anúncio.

      Abraço!

      Resposta
  • 07/08/2012 em 1:53 pm
    Permalink

    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!

    Resposta
  • 10/10/2013 em 1:29 pm
    Permalink

    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?

    Resposta

Deixe uma resposta

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