Desenvolvimento - ASP. NET

Publicidade na WEB - Componente AdRotator

No início da Web o grande filão de mercado eram as propagandas que você comprava um espaço virtual em um portal, criava um banner e colocava na página...

por Renato Haddad



No início da Web o grande filão de mercado eram as propagandas que você comprava um espaço virtual em um portal, criava um banner e colocava na página. Durante anos isso valeu como receita para os portais, e por outro lado, é uma forma de atingir um público diferenciado e direcionado. Para quem desenvolve banners, continua da mesma forma, é preciso criar o banner e gerar um arquivo. O que mudou foi a forma de publicação no ASP.NET.

Como já era de se esperar no ASP.NET, os componentes foram recriados e o caso do AdRotator. Agora você cria um arquivo XML com todos os elementos a serem publicados e o referencia no projeto aspx.

XML

O XML (eXtensible Markup Language) é a linguagem universal de troca de dados, então, gere um arquivo XML chamado Publicidade.xml e digite os seguintes códigos. Se você utilizar o Visual Studio.NET adicione um item XML File ao seu projeto.

Listagem 1: Arquivo Publicidade.xml

<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements> 
<Ad> 
<ImageUrl>c:/msdn/officexp.gif</ImageUrl> 
<NavigateUrl>http://www.microsoft.com/office</NavigateUrl> 
<AlternateText>Veja as novidades do Office XP</AlternateText> 
<Keyword>Categoria1</Keyword> 
<Impressions>10</Impressions> 
</Ad> 
<Ad> 
<ImageUrl>c:/msdn/msn.gif</ImageUrl> 
<NavigateUrl>http://www.msn.com.br</NavigateUrl> 
<AlternateText>Navegue de verdade</AlternateText> 
<Keyword>Categoria1</Keyword> 
<Impressions>10</Impressions> 
</Ad> 
<Ad> 
<ImageUrl>c:/msdn/livros.gif</ImageUrl> 
<NavigateUrl>http://www.erica.com.br</NavigateUrl> 
<AlternateText>Novidades da editora</AlternateText> 
<Keyword>Categoria2</Keyword> 
<Impressions>10</Impressions> 
</Ad> 
</Advertisements>

Veja a explicação das tags xml.

ImageUrl - informa qual é a imagem a ser carregada;

NavigateUrl - informa qual é a URL a ser chamada quando o internauta clicar no banner;

AlternateText - exibe um texto com dados descritivos (dicas);

Keyword - é possível filtrar os banners por categoria. Para isso, configure a propriedade KeywordFilter do componente adRotator com o nome do filtro a ser exibido. Dessa forma, você consegue criar um aplicativo de gerenciamento de banners dinâmicos, ou seja, altere esta propriedade em tempo de execução com o nome do filtro a ser exibido;

Impressions - serve para atribuir um valor para contagem com fins de auditoria.

ASP.NET

Para aplicar esse arquivo, crie um projeto do tipo ASP.NET Web Applications chamado adRotator.aspx e adicione o componente AdRotator localizado na Toolbox Web Forms.

Configure a propriedade (F4) AdvertisementFile com o nome do arquivo xml criado, fazendo com que o adRotator fique vinculado a este arquivo xml.

Salve, compile e execute o projeto (CTRL + F5).

Pressione F5 para restaurar a janela e veja o novo banner. Repare o link na barra de status e a mensagem de dica em amarelo (hint).

Espero ter contribuído para que as publicidades nas suas aplicações fiquem mais dinâmicas e de fácil manutenção.

Renato Haddad

Renato Haddad - MVP, MCPD e MCTS, palestrante em eventos da Microsoft em diversos países, ministra treinamentos focados em produtividade com o VS.NET 2008, ASP.NET 3.5, Reporting Services e Windows Mobile.