Page d'accueil » Boîte à outils » Cette astuce astucieuse ramène les visiteurs à la maison

    Cette astuce astucieuse ramène les visiteurs à la maison

    Combien de fois ouvrez-vous un article, parcourez-vous quelques phrases, puis cliquez-vous pour parcourir un autre onglet? Je suis coupable de cela tous les jours. Ce n'est pas si facile de garder l'attention d'un visiteur et c'est pourquoi le Ne pas aller script peut être si précieux.

    En ajoutant ce script à votre page, vous pouvez mettre à jour automatiquement le favicon et le titre de la page de votre site chaque fois que la page n'est pas en cours de visualisation.

    Vous pouvez voir un démo en direct ici et c'est assez simple. Ouvrez simplement la page dans votre navigateur puis passez à un autre onglet. En quelques secondes, le changement de favicon de page, avec le titre.

    Tout cela arrive dynamiquement, en utilisant JavaScript, donc tout revient en arrière une fois la page réactivée. Comme vous pouvez l’imaginer, ce script est très simple à mettre en place.

    Cela requiert trois réglages:

    1. Titre - le nouveau titre de la page
    2. Favicon - la nouvelle URL de favicon
    3. Temps libre - délai total (en secondes) après le départ de l'utilisateur avant d'effectuer le changement

    Noter la seule valeur requise est le titre. Vous pouvez laisser la même icône favicon et vous pouvez choisir de passer le délai complètement, de sorte que la barre de titre change immédiatement.

    Voici un exemple de code à quoi ressemble l'installation.

     dontGo (titre: 'Texte du titre alternatif ici!', faviconSrc: 'chemin / vers / Alternative / favicon.ico', timeout: 5000 // 5 secondes); 

    La configuration du script Don't Go ne pourrait être plus simple. Il est disponible via npm, Bower et Yarn, et il est également hébergé sur le GitHub CDN, tiré droit du dépôt principal.

    Ce script amusant peut être un excellent moyen de convaincre les lecteurs de revenir sur votre site et finalement, diminuer les taux de rebond. Pour en savoir plus, visitez le référentiel principal de GitHub et parcourez la documentation..