Pop-up para visitas

Para alertar sobre un nuevo servicio o funcionalidad de un desarrollo web es frecuente usar ventanas pop-up que se abren en una pequña ventana nada más cargar la página y se muestran delante de esta. Estas ventanas obligan al usuario a cerrarlas o minimizarlas cada vez que se entra en la página. Por ello conviene controlar el número de veces que se muestran, para limitarlo a nuestra voluntad. Así, se logra configurar nuestro pop-up para que se abra sólo la primera vez que el usuario entre en la página.

1. <script language=”javascript” type=”text⁄javascript”>
3. ⁄⁄url del popup
4. var popup_url = ”⁄ejemplos⁄javascript⁄popUp.html”
6. ⁄⁄caracteristicas popup
7. var atributos = ”width=320,height=200,scrollbars=0,resizable=1,toolbar=0,location=0,menubar=0,status=0,directories=0″
8. var pop_under = 0                   ⁄⁄a 1, sera un ”pop under”, es decir, no se muestra como ventana activa
10. ⁄⁄control de repeticion
11. var veces_maximo = 4                    ⁄⁄numero de veces que se muestra el popup
13. ⁄⁄parametros cookies
14. var dominio = ”elcodigo.com”                ⁄⁄dominio del site
15. var duracion = 30                   ⁄⁄numero de dias antes de que se repita el ciclo
17. ⁄⁄obtencion cookie para control veces visto
18. function get_cookie( nombre ) {
19. var galleta = nombre + ”=”
20. var dato = ”"
21. if (document.cookie.length > 0) {
22. posicion = document.cookie.indexOf(galleta)
23. ⁄⁄comprueba si hay cookie
24. if (posicion != -1) {
25. posicion += galleta.length
26. ⁄⁄busca final del valor de la cookie
27. posicion_final = document.cookie.indexOf(“;”, posicion)
28. if (posicion_final == -1) posicion_final = document.cookie.length
29. ⁄⁄obtiene valor
30. dato = unescape( document.cookie.substring(posicion, posicion_final) )
31. }
32. }
33. return dato
34. }
36. ⁄⁄guarda cookie para control veces visto
37. function set_cookie (nombre, valor) {
38. ⁄⁄cuando caduca
39. var expira = new Date()
40. expira.setTime( expira.getTime() + (duracion * 24 * 60 * 60 * 1000))
42. document.cookie = nombre + ”=” + escape(valor) +
43. “; expires=” + expira.toGMTString() +
44. “; domain=” + dominio
45. }
47. ⁄⁄comprobacion de veces visto
48. function comprueba_veces_visto() {
49. var veces = get_cookie(‘vfmcount’)
50. if ( veces < veces_maximo) {                   ⁄⁄si no se ha visto el numero maximo de veces
51. veces++
52. set_cookie( ’vfmcount’, veces)              ⁄⁄establece cookie (MEJORAR)
53. muestra_popup()                     ⁄⁄muestra popup
54. }
55. }
57. function muestra_popup(){
58. popup_vfmail = window.open( popup_url, ”", atributos)
59. if (pop_under) {
60. popup_vfmail.blur()                     ⁄⁄esto esconde el popup (comentar si se quiere visible)
61. window.focus()                      ⁄⁄esto devuelve el foco a la ventana actual
62. }
63. }
65. window.onload = comprueba_veces_visto;
66. if (document.captureEvents) {           ⁄⁄N4 requiere invocar la funcion captureEvents
67. document.captureEvents(Event.LOAD)
68. }
72. <⁄script>

 

---

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.

diseno web | Potenciado por WordPress | ElegantBlue es un tema modificado por Nathan Rice y traducido por Trazos Web