Banners aleatorios con ASP.net

Muchos conocemos el AdRotator en ASP tradicional, para los que no lo conocen les cuento un poco como es. AdRotator es un componente para mostrar banners al azar, muchas veces queremos que en vez de siempre mostrarse un banner, mostremos varios al azar, también podemos querer que uno tenga más posibilidades de ser seleccionado que otro, etc. Para esto podemos programar una rutina de programación con una base de datos claro, pero antes de hacer eso, hay que darle un vistazo al AdRotator, que cumple efectivamente con todo lo que queremos para la rotación de banners.

El AdRotator para ASP.net es bastante diferente del de ASP 3.0 en su sintaxis y uso, pero no trae casi ninguna diferencia en su funcionalidad. Empecemos.

Primero, tenemos que tener algunos banners para mostrar, en el ejemplo de este artículo, traemos 5 banners de diferentes sitios: El Gurú Programador, Busca Host, WebPanto, Wavenet y otro que nos muestra la publicidad para que publicitemos en SoloTuWeb.com.

Pongamos todos los banners en una carpeta llamada ‘banners’. Ahora bien, toda la información acerca de los banners se almacenan en un archivo XML. De esta forma.

<Advertisements>
<Ad>
<ImageUrl>banners/elguru.gif</ImageUrl>
<NavigateUrl>http://www.elguruprogramador.com.ar/</NavigateUrl>
<AlternateText>El Guru programador</AlternateText>
<Impressions>2</Impressions>
<Keyword>ElGuru</Keyword>
</Ad>
<Ad>
<ImageUrl>banners/buscahost.gif</ImageUrl>
<NavigateUrl>http://www.buscahost.com/</NavigateUrl>
<AlternateText>El primer buscador de host en espaniol</AlternateText>
<Impressions>2</Impressions>
<Keyword>Buscahost</Keyword>
</Ad>
<Ad>
<ImageUrl>banners/webpanto.gif</ImageUrl>
<NavigateUrl>http://www.webpanto.com/</NavigateUrl>
<AlternateText>WebPanto, informatica en espaniol</AlternateText>
<Impressions>1</Impressions>
<Keyword>WebPanto</Keyword>
</Ad>
<Ad>
<ImageUrl>banners/Wavenet.gif</ImageUrl>
<NavigateUrl>http://www.wavenet.com/</NavigateUrl>
<AlternateText>Wavenet hosting services</AlternateText>
<Impressions>1</Impressions>
<Keyword>Wavenet</Keyword>
</Ad>
<Ad>
<ImageUrl>banners/publicita.gif</ImageUrl>
<NavigateUrl>http://www.solotuweb.com/publicidad.asp</NavigateUrl>
<AlternateText>Publicita en SoloTuWeb</AlternateText>
<Impressions>1</Impressions>
<Keyword>Publicidad</Keyword>
</Ad>
</Advertisements>

Veamos que es simple XML, este documento se estructura de la siguiente manera:
– Empieza y termina con la etiqueta <Advertisements>
– Dicha etiqueta contiene elementos <ad> que son cada banner a rotar
– Cada elemento <ad> tiene elementos: ImageURL (donde se encuentra el banner), NavigateURL (la dirección URL), AlternateText (el atributo ALT de la imagen), Impressions (es un numero que cuanto más grande sea, más posibilidades tiene de ser seleccionado) y Keyword (una palabra relacionada con el banner).

Bueno, es muy sencillo hasta aquí, sólo tienes que hacer el archivo XML.
Pasemos ahora a la programación ASP.net:

<html>
<head>
<title>Ad Rotator en ASP.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form runat="server">
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">Aqu&iacute; tendr&aacute;s un banner al azar, para probar nuevamente
a ver si sale otro banner, actualiza la p&aacute;gina.</font><br><br><br>
<asp:adrotator id="arBanner" AdvertisementFile="banners.xml" runat="server"/>
</form>
<br>
</body>
</html>

Veamos que es casi todo HTML menos el <form runat="server"> y la línea marcada en negrita, que es la que nos interesa, la que nos muestra el adrotator. Su sintaxis es como cualquier control web, como un Label o un Button. Además de tomar el atributo ID y el atributo runat, toma un atributo especial que es AdvertisementFile, que es la URL del archivo XML en el que tenemos los banners.

¿Algo más? No, listo, ya está, si quieren pueden bajarse el código completo, el archivo adrotatornet.zip

Deja un comentario