Script Link Directo
script HTML
Este script HTML implementa una funcionalidad para abrir una ventana emergente cuando el usuario hace clic en cualquier parte de la página web. Además, se asegura de que la ventana emergente se abre un máximo de 3 veces por visitante que la utiliza localStorage. Aquí tienes una explicación detallada de cómo funciona:
Estructura del documento HTML
1. <!DOCTYPE html>y<html> Declara el documento como HTML5 y comienza el documento HTML.
2.<head> Contiene meta información y el script JavaScript.
3.<script> Aquí se encuentra el código JavaScript que se ejecutará en la página.
javascript
1. Declaración de la variableenlace:
var enlace = "https://www.ejemplo.com";
. Define la URL del enlace que se abrirá en la ventana emergente.
2. FunciónabrirVentanaEmergente:
function abrirVentanaEmergente() { var contadorClics = localStorage.getItem('contadorClics') ? parseInt(localStorage.getItem('contadorClics')) : 0; if (contadorClics < 3) { window.open(enlace, "_blank", "width=500,height=500"); contadorClics++; localStorage.setItem('contadorClics', contadorClics); } }
Obtención del contador de clics :
var contadorClics = localStorage.getItem('contadorClics') ? parseInt(localStorage.getItem('contadorClics')) : 0;Verifica si hay un valor guardado en localStoragebajo la clave 'contadorClics' }
Si existe, lo convierte a entero; si no, lo inicializa a 0.
.Condicional:
if (contadorClics < 3) {
Comprueba si contadorClicses menor que 3.
.Apertura de la ventana emergente:
window.open(enlace, "_blank", "width=500,height=500");
Abra la URL especificada en una nueva ventana emergente con dimensiones de 500x500 píxeles.
.Actualización del contador y almacenamiento enlocalStorage:
contadorClics++; localStorage.setItem('contadorClics', contadorClics);
Incrementa el contador de clics y guarda el nuevo valor en localStorage.
3. Evento para detectar clics en la página:
document.addEventListener("click", abrirVentanaEmergente);
Agregue un evento que escuche por clic en cualquier parte de la página.
Cuando se detecta un clic, se ejecuta la función abrirVentanaEmergente.
Cuerpo del documento HTML ( <body>)
<body> <!-- Contenido de tu blog --> </body>
Aquí iría el contenido de tu página web o blog.
Funcionamiento General
1. Inicialización:
.El script se carga y se define la URL para la ventana emergente.
.Se establece la función abrirVentanaEmergenteque controla la apertura de la ventana emergente y el contador de clics.
2. ESCUCHA DE EVENTOS:
.El script añade un oyente que detecta cualquier clic en la página.
3. Ejecución de la función:
. Al hacer clic en cualquier parte de la página, se ejecuta la función abrirVentanaEmergente.
.La función comprueba el contador de clics almacenado en localStoragey abre la ventana emergente solo si el contador es menor que 3.
.Después de abrir la ventana emergente, incrementa el contador y actualiza localStorage.
Este script asegura que la ventana emergente se abrirá un máximo de 3 veces por visitante, utilizándola localStoragepara mantener el estado del contador entre sesiones.
