| 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í tendrás un banner al azar, para probar
nuevamente
a ver si sale otro banner, actualiza la
pá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 |