Bitacora de guebs - hosting, alojamiento web, hospedaje web y dominios

Ventanitas Pop-up

Publicado por webmaster el día 29/08/2005 en JavaScript

Todos los hemos visto alguna vez, posiblemente incluso estés harto de ellos, pero aún así, seguro que habrás clickado en más de uno. Así son las ventanitas pop-ups, irritantes e interesantes al mismo tiempo.

Lo admito, odio todas esas ventanitas con las que nos bombardean en nuestra navegación diaria por la red. A veces incluso te encuentras en sitios web que en todas y cada una de sus páginas te abren dos o tres ventanitas. Resultan irritantes pero si todo el mundo las usa será por algo…

Efectivamente, las ventanitas pop-up se usan normalmente para publicitar algún producto o promocionar algún servicio de la web que de otra forma podría pasar inadvertido. Y se usan porque son efectivas, mucho más que los banners, botones o skycrappers a los que nos hemos acostumbrado y que a estas alturas, ni siquiera vemos. Los pop-ups al menos los vemos, otra cosa es que no les prestemos atención, pero los vemos.

Supongo que a estas alturas ya te habrás convencido de que lo que tu web necesita es una ventanita pop-up de esas… Pues no lo se, pero por lo menos te cuento como se hacen.

Lo primero que debes decidir es cuando abrir estas ventanitas, lo normal es abrirlo cuando el usuario acceda a una página concreta. Esto se logra mediante la directiva “onload” que se debe poner dentro del tag ““. Más o menos quedaría así:

La función window.open() es la que se encarga de abrir la ventanita. Esta función recibe varios parámetros:

La página a mostrar en la ventanita. Esta página la tendrás que hacer y no es más que una simple página HTML. En nuestro ejemplo, se llama “ventanita.html”.
El titulo de la ventanita, en nuestro ejemplo lo hemos llamado “Mi ventanita”.
Las propiedades de la ventanita, incluyendo su anchura (width=400), altura (height=300), si debe o no mostrar scrollbars (scrollbars=no), si debe o no mostrar los toolbars (toolbars=no), si es redimensionable (resizable=yes), etc.

Si usas el código superior tendrás una página que abre una ventanita cada vez que se visita. Esto puede resultar útil pero también excesivamente molesto, por lo que mi recomendación es que uses el siguiente código más complejo que hace que la ventanita solo se abra una vez por sesión, es decir, cada visitante vera la ventanita una sola vez.

<html> <head> <script language="javascript"> //Pop-under window- By JavaScript Kit //Credit notice must stay intact for use //Visit http://javascriptkit.com for this script // Especifica la pagina que quieres abrir var popunder="ventanita.html" // Especifica las caracteristicas de la ventanita // 1 -> activado, 0 -> desactivado var win="width=800,height=510,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1" // No editar nada mas function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if(document.cookie.length > 0) { offset = document.cookie.indexOf(search) if(offset != -1) { offset += search.length // set index of beginning of value end = document.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) { end = document.cookie.length; } returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function ventanita(){ if(get_cookie('pop')==''){ window.open(popunder,"Mi ventanita",win) document.cookie="pop=si" } } </script> </head> <body onload="ventanita()"> Esta es una simple pagina. </body> </html>

También existe la posibilidad de limitar las veces que un mismo usuario verá la ventanita en cuestión. Esto se hace mediante cookies, de forma similar al último ejemplo, y podrías hacer que cada visitante viera la ventanita solo una vez al día, una vez por semana, etc.

Artículo procedente de Bitacora de guebs - hosting, alojamiento web, hospedaje web y dominios: http://bitacora.guebs.com

Dirección del artículo: http://bitacora.guebs.com/articulo/31/ventanitas-pop-up/

Imprimir artículo.