Hola, tengo un script emergente para Blogger, pero no quiero que vuelva a aparecer cuando vuelva a la página de inicio cuando lo haya visto antes, como si se presentara solo una vez para el usuario.
<b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='popup-overlay'> <div class='popup-container'> <div class='popup-close'>+</div> <b> <h2 class='popup-title'>Welcome to Free Community!</h2></b> <p class='popup-description'> Hi, Thank you for Visiting up for our Website. We appreciate your interest. We will do our best to Bring you More Fun Videos for GTA 5 ,Thank You! </p> </div> </div> <script> const popupOverlay = document.querySelector(".popup-overlay"); const popupClose = document.querySelector(".popup-close"); popupClose.addEventListener("click", () => { popupOverlay.style.display = "none"; }); setTimeout(() => { popupOverlay.style.display = "block"; }, 3000); </script> </b:if>Puede usar localStorage para que el navegador del usuario guarde un valor que le indicará si el usuario ya ha visitado su sitio.
Para guardar el valor, haz localStorage["key"] = "value" .
Mostrar la ventana emergente solo si localStorage["key"] != "value" .
La lógica completa sería:
if (localStorage["key"] != "value") { // show popup localStorage["key"] == "value"; }