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.
|
Nombre del Tutorial
Visitas
Ir arriba