|
| Descripción del ejemplo JavaScript
Si una imagen vale más que mil palabras, un texto utilizado como banner de publicidad quizás valga más que eso. A través de estudios realizados en el comportamiento de los usuarios de Internet con respecto a la publicidad en los sitios web, se ha comprobado que un texto es más eficiente que una imagen llamativa. Esto se debe principalmente a que el banner de texto no está tan mal visto (todavía) como lo está el anuncio gráfico.
Por esta razón el simple banner de texto puede ser la solución a tus problemas en lo que se refiere a la cantidad de personas que hacen click en tus banner publicitarios. Mediante un par de simples líneas de código JavaScript creamos este ejemplo que no hace más que insertar un banner rotativo con una frase diferente cada vez que se carga la página en el navegador. El Script no tiene variables que puedan modificarse así que lo único que tendrás que hacer es definir el texto en cada uno de los array como así también los enlaces con las URL adonde apuntan cada uno. Como podés ver en el ejemplo es posible utilizar varias líneas de texto mediante la inserción de etiquetas <BR> directamente en el array. También podrás utilizar etiquetas <P> aunque no lo recomiendo ya que ésta etiqueta produce un margen automático que nos saca espacio en el banner, lo cual no es muy bueno ya que contamos con un área pequeña para colocar la información que queremos transmitir. El banner rotativo no es más que una etiqueta <DIV> con su propio formato, que podemos cambiar mediante la clase CSS. Vemos como es posible personalizar el tipo de fuente, color, bordes, etc del texto y banner. El único atributo que no debes cambiar es cursor:hand ya que el enlace está creado mediante Javascript sobre una capa y el navegador no lo detecta como un vinculo por lo que no colocará la manito que indica que es un enlace. Para los que no sepan como es que el navegador carga una frase diferente cada vez que se lee el documento paso a explicar brevemente: lo que hacemos es generar un número aleatorio entre 0 y 9 mediante la función Math.random y multiplicarlo por el número de array que contenga la variable texto (que en este caso es 10). El número aleatorio generado por esta función es del tipo 0,14992038475849578 así que al multiplicarlo por 10 daría 1,4992038475849578 . Luego mediante la función Math.floor redondeamos el valor a su próximo inferior, lo que daría 1 (uno). Este número lo guardamos en la variable xy que utilizaremos más adelante en conjunto con la variable del array para sacar la frase y enlace correspondiente. Si te parece que 10 frases son muchas para el banner rotativo podés sacar (o agregar) las que quieras siempre y cuando elimines un array de la variable texto como también de enlace. |
|
Información relativa al Script |
Sistema de Banners Rotativos de Texto en JavaScript. Código fuente del script: |
| Temas relacionados a este Script: | ||
|
![]() Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio. Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata. | ||
| Código JavaScript Todos los derechos reservados | |||