Criando Propagandas com AdRotator
Já pensou na possibilidade de apresentar um banner com propagandas geradas randomicamente a uma certa quantidade de tempo? O controle AdRotator nos permite fazer isso. Usado para apresentar randomicamente um banner selecionado em sua página da Web, o controle AdRotator é criado com um elemento <asp:AdRotator />. Esse controle gera tags de ancora (<a>) e imagem (<img>), quando renderizado para HTML, e herda diretamente da classe DataBoundControl. Portanto, as informações de propaganda podem ser recuperadas de um arquivo XML ou de um database.
Neste artigo vamos utilizar um arquivo ".config", onde colocaremos algumas tags para processamento de cada propaganda (Listagem 01). Essas tags são:
- Keyword - parâmetro opcional que específica a categoria (tipo de propaganda);
- ImageUrl - URL da imagem que será apresentada na propaganda;
- NavigateURL - específica a URL da página que o usuário seria conduzido ao clicar na imagem da propaganda;
- AlternateText - parâmetro opcional que especifíca o texto para apresentar se a imagem está indisponível; é apresentado como um ToolTip;
- Impressions - número que é usado para indicar como, frequentemente, a imagem seria mostrada com respeito as outras. A soma de todas as impressions deve ser menor que, aproximadamente, 2.048.000.000;
- Height - parâmetro opcional que específica a altura da propaganda. Esse valor sobrescreve a propriedade "AdRotator.Height";
- Width - parâmetro opcional que específica a largura da propaganda. Esse valor sobrescreve a propriedade "AdRotator.Width";
Devemos ter bastante cuidado com a configuração, nome e localização do arquivo de propaganda, assegurando que não haja vulnerabilidades de segurança. Veja algumas dicas para manipular esse arquivo:
- Se não existir em seu projeto Web uma pasta "App_Code", então adicione, clicando em raiz do seu projeto com o botão direito / Add ASP.NET Folder / App_Code (Figura 01);
- Coloque o arquivo de propaganda na pasta "App_Code", pois o ASP.NET não permite que navegadores acessem arquivos desta pasta;
- Use um arquivo de extensão, semelhante ao ".config", que o ASP.NET não permita acesso pelo navegador;
- Fixe permissões somente leitura para o arquivo de propaganda;
Figura 01 - Adicionando uma pasta App_Code no projeto Web
Criando o arquivo de configuração da Propaganda
Siga os seguintes passos:
- Adicione um arquivo .config em seu projeto web (Figura 02);
- Mova o arquivo de confiração da propaganda para o diretório App_Code (Figura 03);
- Insira os elementos de indicação de cada propaganda (Listagem 01);
Figura 02 - Adicionando arquivo .config no projeto Web
Figura 03 - Mover o arquivo da configuração da propaganda para a pasta App_Code.
<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Advertisement-File-1.2">
<Ad xmlns="">
<Keyword>SQL</Keyword>
<ImageUrl>~/images/sql_magazine.gif</ImageUrl>
<NavigateUrl>//www.devmedia.com.br/sqlmagazine/pagina.asp</NavigateUrl>
<AlternateText>Acessar site do DevMedia - Sql Magazine.</AlternateText>
<Impressions>10</Impressions>
</Ad>
<Ad xmlns="">
<Keyword>Mobile</Keyword>
<ImageUrl>~/images/web_mobile.gif</ImageUrl>
<NavigateUrl>//www.devmedia.com.br/webmobile/pagina.asp</NavigateUrl>
<AlternateText>Acessar site do DevMedia - Web Mobile.</AlternateText>
<Impressions>10</Impressions>
</Ad>
</Advertisements>
Listagem 01 - Exemplo de conteúdo do arquivo de configuração da propaganda
Manipulando o controle AdRotator
Siga os seguintes passos:
- Adicione o controle AdRotator (Figura 04);
- Informe para o AdRotator qual o arquivo de propaganda (propriedade AdvertisementFile) (Figura 05 e 06);
- (Opcional) Configure as propriedades de altura, largura, Target e/ou KeywordFilter;
Figura 04 - Adicionando o controle AdRotator
Figura 05 - Selecionar arquivo de propaganda
Figura 06 - Selecionar arquivo de propaganda
Pronto! Agora é só visualizar o resultado.
Se tentar após 10 (dez) segundos acessar sua página então:
Dicas
- É interessante colocarmos o controle AdRotator na MasterPage (confira artigo "Master Pages e Content Pages");
- Se o seu site tem várias categorias - exemplo DevMedia que possui SQL Magazine, .Net Magazine, Java Magazine -, então utilize o atributo keyword para indicar a categoria - exemplo Listagem 01 - e informe a propriedade KeywordFilter, do controle AdRotator, qual a categoria (Figura 07). Isso garante que apenas as imagens que pertençam a categoria sejam mostradas;
- Pode-se também informar aonde deseja apresentar o conteúdo redirecionado pelo link da imagem através da propriedade Target, do controle AdRotator - exemplo: _blank (nova janela), _self (mesma janela), ect [...];
Figura 07 - Propriedade KeywordFilter
Referências
- MCTS Self-Paced Training Kit (Exam 70-528): Microsoft .NET Framework 2.0 Web-Based Client Development
Estou disponível para qualquer dúvida ou sugestão (kallebe.santos@gmail.com).
Um grande abraço e até a próxima...
