¿Cómo activar el evento en la primera visita del sitio web solo usando jQuery?

StackOverflow https://stackoverflow.com/questions/1914291

  •  19-09-2019
  •  | 
  •  

Pregunta

Hola, me gustaría que la navegación en mi sitio web se desvaneciera cuando visite mi sitio web y permanezca presente (es decir, no se desvanezca nuevamente) al visitar otras páginas del sitio.

¿La mejor manera de lograr esto sería decirle a JQuery que ignore el desvanecimiento en efecto si visite el mismo dominio? Si es así, ¿alguien puede decirme cómo escribiría esto?

Muchas gracias, Gavin

¿Fue útil?

Solución

Una forma simple de hacerlo sin cookies es usar la propiedad Document.Referrer. 

if ( document.referrer == null || document.referrer.indexOf(window.location.hostname) < 0 ) {
// Your code here
}

Esencialmente, solo estamos revisando para ver la página en la que estaba el usuario antes (no había abierto una nueva ventana del navegador) o no estaba en el mismo dominio que la página actual.

Otros consejos

No puede garantizar que un usuario tenga cookies activadas para que esta solución funcione. Primero deberá agregar un cheque para ver si las cookies están activadas antes de implementar. Puede verificar si las cookies están encendidas usando un Método como este.

var cookieName = 'yourcookiename';
$(function() {
    checkCookie();
});

function checkCookie() {
    if (document.cookie.length > 0 && document.cookie.indexOf(cookieName + '=') != -1) {
            // do nothing, cookie already sent
    } else {
            // handle jQuery animation

            // set the cookie to show user has already visited
            document.cookie = cookieName + "=1";
    }
}

La única forma en que puedo ver si este es el primer acceso de un usuario es la presencia de un conjunto de cookies desde su sitio.

Obviamente, esto no es confiable, ya que el usuario puede haber desactivado las cookies o las ha eliminado.

Su cookie se recuperaría en el código del lado del servidor y luego se escribiría a (por ejemplo) una variable oculta HTML, accesible desde JavaScript/jQuery.

Los detalles del código del servidor dependen del lenguaje de su servidor.

Podrías usar cookies. Ver: http://plugins.jquery.com/project/cookie

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top