[JavaScript] Afficher un message au premier accès d'un utilisateur sur votre site

Publié le 08/05/2019 • Mis à jour le 08/05/2019

English language detected! 🇬🇧

  We noticed that your browser is using English. Do you want to read this post in this language?

Read the english version 🇬🇧

Voici un moyen très simple d'afficher un message à l'utilisateur lors de son tout premier accès à votre site. Ça utilise le localstorage. Bien sûr dans ce cas c'est assez brutal puisque le message sera affiché avant même la fin de l'affichage de la page. Vous devez modifier ce code pour que le message en question soit affiché avec un peu de délai ou au second accès. (moins aggressif pour l'utilisateur). Mais vous avez compris le principe, c'est facile à modifier à vos besoins.


<script>
    // https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage (hit the doc button)
    if(localStorage.getItem('popState') !== 'shown') {
        localStorage.setItem('popState', 'shown');
        alert('You will see this message only once. To test and see it again, clear your browser local storage for this website.');
    }
    // That's it! 😁
</script>

 Plus sur Stackoverflow   Lire la doc