Cómo codificar un banner en rotación en HTML
El cambio de los banners en un sitio web puede mejorar la experiencia del visitante prestando variedad a su diseño del sitio. En el caso de carteles publicitarios, sino que también puede aumentar los ingresos de su sitio. Viendo distintos banners cada vez que la página es visitada o se actualiza permite al webmaster para obtener el máximo rendimiento de valioso espacio en pantalla. Una serie de aplicaciones comerciales de banner rotativo están disponibles, pero no son necesarios si se inserta unas pocas líneas de jаvascript en el código HTML.
Cosas que necesitará
- HTML o editor de texto
Abrir el código fuente HTML de la página en un editor HTML o texto.
Definir la variable necesaria para girar las banderas en la sección HEAD del código HTML. Este ejemplo utiliza tres banderas separadas:
MaxAds var = 2
AdNumber var
var ThisAd = new Array ()
Asignar valores a cada uno de los miembros de la matriz bandera. Este código también pertenece a la sección HEAD de su código HTML directamente debajo de las declaraciones de variables:
ThisAd [0] = ``
ThisAd [1] = ``
ThisAd [2] = ``
Coloque el script que hace girar las banderas en la sección del cuerpo de su código HTML:
AdNumber = Math.round (Math.random () * MaxAds)
document.write (ThisAd [AdNumber])
Guarde el archivo y cierre el editor.
Consejos advertencias
- En el ejemplo, los archivos de banners gráficos se colocan en el mismo directorio que el archivo HTML para llamar a la página. Estos se pueden colocar en cualquier lugar en el servidor especificando la ruta junto con el nombre del archivo.
- La variable MaxAds se declara como 2 para dar un máximo de 3 miembros de la matriz desde array contando siempre comienza con 0 en vez de 1.