[JavaScript] Afficher un message au premier accès d'un utilisateur sur votre site
Publié le 08/05/2019 • Actualisé le 08/05/2019
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.
/**
* J'utilise un module JavaScript afin d'isoler chaque snippet dans un fichier.
* C'est en fait un mixin Vue.js. Utilisez le code appelé par la fonction mounted()
* ou snippetXX().
*/
export default {
methods: {
snippet24 () {
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! 😁
}
},
mounted () {
if (this.isArticle(24)) {
this.snippet24()
}
}
}
Plus sur Stackoverflow Lire la doc Snippet aléatoire