Muitos produtores de conteúdo oferecem áreas dos seus projetos na internet para anúncios publicitários. Os anúncios podem ser imagens, scripts de sistema de afiliados, lista de links ou banners em flash. Caso tenha interesse em aprofundar seu conhecimento sobre essas questões de monetização de blogs, assim como o posicionamento dos anúncios dentro do seu layout que será citada no artigo; abaixo estão alguns links interessantes da Escola Dinheiro que irão lhe ajudar na maneira que lida com a publicidade do seu blog:

BANNERS NA BARRA LATERAL

Um dos locais mais explorados para exibição de banners, sem dúvida é a barra lateral (sidebar). Uma boa dica é permitir que esse espaço receba Widgets, dessa forma o nível de personalização que poderá ter entre os itens da sidebar aumenta de modo significativo, mesmo se levarmos em conta apenas os widgets que acompanham o WordPress, são inerentes a ele.

Caso o tema que esteja utilizando não possua a capacidade de receber esses widgets, temos a possibilidade de registrar áreas para eles através da programação a ser feita dentro do arquivo functions.php:

register_sidebar( array(
'name' => 'Nome da sidebar',
'id' => 'sidebar-nova',
'description' => 'Área reservada para Widgets',
'before_widget' => '<div>',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );

Nesse passo registramos uma sidebar, área para Widgets e definimos o nome, identificador e descrição como atributos próprios do referido espaço. Para os parâmetros before e after_widget informamos o que deve ser exibido antes do conteúdo de cada widget e da mesma forma para before e after_title está definido o que será exibido antes e depois, mas agora, do título do widget.

EXIBINDO SCRIPTS DE AFILIADOS E ARQUIVOS EM FLASH

Muitas vezes a solução para alguns dos nossos problemas – principalmente falando de WordPress – estão mais próximas do que imaginamos. Na tela de Widgets, repare no Widget ‘Texto’, sua descrição é a seguinte: Texto normal ou HTML. Isso quer dizer que através dele a inserção de códigos HTML é válida e com isso podemos facilmente exibir nosso conteúdo.

Informe um título para o widget e no espaço maior, para os casos de afiliados, pegue o código gerado pelo site que mantém o sistema e introduza dentro dele. Da mesma forma você poderá informar o código do arquivo em flash nesse espaço que em ambos os casos a exibição será feita.

Exemplo de script oferecido pelo adsense:

<script type="text/javascript"><!--
google_ad_client = "pub-9123101577288487";
/* 300x250, criado 26/11/10 */
google_ad_slot = "7249924025";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Exemplo de como incorporar um código em flash ao seu site:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="banner" width="468" height="60">
<param name="movie" value="http://www.seusite.com/banner.swf">
<param name="quality" value="high">
<embed name="banner" src="http://www.seusite.com/banner.swf" quality="high" width="468" height="60" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>

IMAGENS NA BARRA LATERAL

Até então não abordei o uso de imagens, mesmo sabendo que ao inserir a instrução HTML refente a inserção de imagens o widget texto funcionará bem, conforme podemos ver no exemplo:

<img src="http://www.seusite.com/imagem.jpg" title="Banner formato imagem" />

Acontece que existe um plugin que aumentará a praticidade no manuseio de imagens. Instale o plugin Image Widget e tenha o widget de imagens disponível. O plugin está traduzido para o português.

WIDGET DE IMAGENS

Ao abrir as opções do wiget de imagens, clique sobre o item Modificar imagem para escolher ou enviar qual imagem exibir no espaço desejado. As opções que interessam no plugin começa por aqui: ele usa a tela de gerenciamento de mídia do próprio WordPress:

Clicando sobre ‘Inserir no Widget’ a imagem escolhida será exibida juntamente com as opções informadas para título e texto alternativo nas opções do widget. Ainda editando as opções, informe legenda para exibir algum texto abaixo da imagem, endereço do link e local onde será exibido o destino do link (na mesma ou em uma nova janela).

Widget de imagens

Outra alternativa muito interessante do plugin é quando você informa as dimensões que a imagem deve possuir. Informando a largura da imagem, a altura é calculada pela proporção original que a figura possui e o contrário também é válido; definindo altura a largura é gerada automaticamente.

EXPLORANDO NOVOS LOCAIS

Uma boa solução para manusear tranquilamente diferentes informações em diferentes espaços do seu tema, é definir aquela área como uma sidebar. Crie, por exemplo, uma div que anteceda o conteúdo do post e registre-a para receber widgets. Amplie a utilização de Widgets em diferentes espaços do seu tema e tenha seu blog amplamente customizável!

Abraços

Autor: Mazetto

Blog do Autor | Artigos do Autor:

Desenvolvedor web especializado em WordPress. Trabalha como freelancer de diversas agências do Brasil na criação de plugins, templates e consultoria à ferramenta.

Templates Wordpress que Recomendamos:

  • U-Design WordPress Theme
  • Tersus - Responsive WordPress Theme
  • Modernize - Flexibility of Wordpress
  • Good Space - Responsive Minimal WP Theme
  • Sterling - Responsive Wordpress Theme
  • Karma - Clean and Modern Wordpress Theme
  • Doover Premium WordPress Theme
  • MayaShop - A Flexible Responsive e-Commerce Theme
  • SmartStart WP - Responsive HTML5 Theme
  • Striking Premium Corporate & Portfolio WP Theme
  • Core Minimalist Photography Portfolio
  • King Size - fullscreen background WordPress theme

Gostou deste artigo? Então torne-se fã do Blog no Facebook!


JobRoller - Premium Job Board Theme

Comentários dos Alunos


  1. Gustavo Marttos
    19.04.2011

    Tem um outro plugin muito bom para banners e/ou anúncios, é o WP125

    Responder


  2. Enxaqueca
    19.04.2011

    Gostei da dica! vou implementar a barra no meu site!

    Responder


  3. Alexandre
    20.04.2011

    Gostei do post! Mas queria saber como faço para colocar diversos banners lado a lado na sidebar do meu site. Já tentei com html, mas fica um espaço esquisito no meio da coluna afastando os banners. Fiz o código e inseri pela wigdet de texto, mas naum deu certo. :(

    Pois com diversos banners um abaixo do outro acaba tomando muito espaço na sidebar. Naum fica legal!

    Responder


    • Mazetto
      20.04.2011

      Olá Alexandre, se usar o html defina para o estilo da imagem a propriedade float: left; por exemplo. Quanto aos espaçamentos trabalhe com a propriedade margin. Com alguns pequenos ajustes de CSS o resultado fica do seu jeito.

      Responder


  4. Almy
    20.04.2011

    Excelente artigo

    Mas gostaria de saber se existe algum plugin para rotacionar anuncios na sidebar, ja testei uns 3 que nao funcionavam a contento,voce tem alguma sugestao?

    Responder


  5. Pedro
    25.04.2011

    Excelente post, muito bem explicado. Obrigado!

    Responder


  6. leilao online
    26.04.2011

    Um dia já foi dificil fazer um blog, hot site, site…

    Hoje em dia existe o wordpress.

    Parabéns.

    Responder


  7. LéO Machado
    26.04.2011

    E quem diria… Nosso wordpress ta fazendo milagre. Quem conhece sabe que é possivel, quem não conhece… Sonha em aprender!

    “Quanto voce cobra por um site? É um site simples!”

    O wordpress acabou com esse duvida, sites pré-prontos, com layouts bunitos e bem customizados…

    Responder


  8. Edmar
    15.05.2011

    Uso o plugin Quick AdSense, que também é bem prático.

    Responder


  9. Carlos
    30.05.2011

    Ótimo tutorial, mas estou tendo problemas para adcionar a sidebar, eu coloco o código no functions.php aparece no administrador do blog, mas quando coloco um windget ele não é exibido no blog. Será q alguem pode me ajudar? vlw

    Responder


    • Mazetto
      16.06.2011

      use no arquivo que deve aparecer a instrução <?php dynamic_sidebar( ‘nome-da-sidebar’ ); ?>

      Responder


  10. Rogerio Magrao
    14.09.2011

    Parabéns pelo Post.
    Amigo, preciso de um plugin que faça com que na barra lateral apareça os sites/blogs parceiros do meu site.
    Mais ou menos como o “Templates Populares” desse site.
    Alguem pra me indicar?

    Responder

Comente o Artigo!

RSS
Twitter
Facebook
Comentários
ASSINANTES
SEGUIDORES
FÃS
COMENTÁRIOS
11485

Subscrever Newsletter
Subscreva a Newsletter:


Elegant Themes

Wix

Theme Forest

Mojo Themes



Assine a Escola Wordpress Assine a Newsletter da Escola Wordpress Escola Wordpress no Twitter Escola Wordpress no Facebook Escola Wordpress no Youtube Escola Wordpress no Google Buzz