Utilizacion de banners en tu pagina web.

Añadido el 22/04/2003

Empezaremos diciendo que los banners son una herramienta fundamental para todo webmaster: ya sea para promocionar su web, o para amortizarla consiguiendo unos ingresos.

Un aspecto importante a tener en cuenta a la hora de planificar la utilizacion de banners, es la rotacion de los mismos. Piensa que un visitante no pinchara dos veces en un mismo banner, y piensa que las webs se hacen para ser visitadas mas de una vez por los navegantes.

Teniendo en cuenta que tenemos que hacer atractivos y novedosos nuestros banners, es necesario que cada vez que un visitante entre en el web, encuentre ofertas distintas, consiguiendo simultaneamente que tu web adquiera contenidos novedosos para el visitante.

La rotacion de banners se puede conseguir de diferentes formas, nosotros te presentamos dos, las mas comunes: javascript y php.

JAVASCRIPT

Deberas colocar el siguiente codigo en el head de tu web:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var mfBanners = <
<"http://www.direccion1.com", "imagen1.gif">, 
<"http://www.direccion2.com", "imagen2.gif">
>;
var mfIe = false;
if( document.all) {
mfIe = true;
}
var mfBannerIndex = 0;
function mfBannerChange() {
var htmlString = "<a target="_blank" href=""+mfBanners<mfBannerIndex><0>+""> <img border="0" src=""+mfBanners<mfBannerIndex><1>+""></a>";
if( mfIe) {
document.all.banner.innerHTML = htmlString;
}
else {
document.layers<"banner">.document.open();
document.layers<"banner">.document.write( htmlString);
document.layers<"banner">.document.close();
}
if(mfBannerIndex < mfBanners.length - 1)
mfBannerIndex++;
else
mfBannerIndex = 0;
}
setInterval("mfBannerChange()", 5000);
// End -->
</script>

La primera linea te presenta la variable que tendras que modificar: var mfBanners. Solo tendras que poner la url donde quieras que redireccione al visitante cuando pulse sobre el banner, y la ruta del banner, es importante que lo tengas en cuenta, aunque ponga imagen1.gif, deberas poner /secciones/imagenes/imagen1.gif por ejemplo.

Luego en el body del web donde quieras que aparezca el baner pon:
<div id="banner"></div> Esta era la forma mas estandar de rotar banners, ahora lo intentaremos con php, algo mas complicada si no tienes conocimientos de este lenguaje del lado del servidor.

PHP

En cuanto al script en si, php permite realizar el rotador de forma mas simple. Coloca el siguiente codigo, en la zona donde quieras que aparezcan los banners:

<?php

$articulo1="$img<>="http://www.loquesea.com";
$lnk<>="http://www.imagen.com/icono.gif";

$img<>="http://www.loquesea.com";
$lnk<>="http://www.imagen.com/icono.gif";


$img<>="http://www.loquesea.com";
$lnk<>="http://www.imagen.com/icono.gif";

srand((double)microtime()*1000000);

$banner=rand(0,2);

print "<a href="$lnk<$banner>" target="_blank">";
print "<img src="$img<$banner>" border=0 alt="Navegalis.com El buscador hispano"></a>";";

echo htmlspecialchars($articulo1); 

?>

Mucho mas sencillo que con javascript, o por lo menos a mi me lo parece.

Pues esto ha sido todo, espero que os sirva para algo.