1

Tengo está push notification automática en el index.html que se muestra cada vez que acceden a mi web, lo que quiero hacer es que con el "localStorage" solo se muestre una vez por usuario y no sea tan molesta. Les agradecería que me dieran un ejemplo de cómo implementarlo.

<script>
  Push.create("¡Aviso de Política de Cookies!", {
    body: "Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continua navegando, consideramos que acepta su uso. Puede obtener más información ‘aquí’.",
    icon: 'icon.png',
    timeout: 5000,
    onClick: function () {
        window.location = "/cookies-policy";
        this.close();
    }
  });
</script>

1 respuesta 1

2

Podrías guardar en localStorage simplemente un boolean para indicar que ya fue mostrada. Algo así:

var avisoCookiesMostrado = window.localStorage.getItem('avisoCookiesMostrado');
if(!avisoCookiesMostrado) {
    Push.create("¡Aviso de Política de Cookies!", {
        body: "Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continua navegando, consideramos que acepta su uso. Puede obtener más información ‘aquí’.",
        icon: 'icon.png',
        timeout: 5000,
        onClick: function () {
            window.location = "/cookies-policy";
            this.close();
        }
    });
    window.localStorage.setItem('avisoCookiesMostrado', true);
}
3
  • 1
    Eh implementado tu ejemplo y me ha funcionado correctamente, te agradezco la ayuda. Commented el 12 ago. 2016 a las 18:08
  • @AdrianoJosué Pequeño detalle window.localStorage.getItem devuelve un string no un booleano. Para eso necesitas JSON.parse ten cuidado cuando compares if(!avisoCookiesMostrado) ya que "true" y "false" ambos son true. El ejemplo funciona bien pero si alguna vez tienes que setearlo a false usa removeItem en su lugar.
    – devconcept
    Commented el 12 ago. 2016 a las 18:12
  • @devconcept Gracias por el detalle. No se si ya lo viste, en mi pregunta del "template temporal" te eh dejado un comentario molestando un poco más lol, espero que puedas ayudarme. Commented el 12 ago. 2016 a las 18:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.