Modifier le titre de l'onglet avec du javascript

• 17 octobre 2018
• Steeve

Dans ce tutoriel, beaucoup plus fun que d'habitude, je vous propose de modifier le titre (titre) de l'onglet de votre navigateur quand l'internaute n'est plus sur votre page.

Le but étant d'attirer l'oeil de l'internaute pour le faire revenir sur la page de votre site Internet.

Voici le code Javascript a inséré :

jQuery(document).ready(function( $ ){
    
    // Get page title
      var pageTitle = $("title").text();

    // Change page title on blur
    $(window).on('blur', function() {
        $("title").text('Vous nous manquez !');
    });

    // Change page title back on focus
    $(window).on('focus', function() {
      $("title").text(pageTitle);
    });

});

Vous devez bien sûr avoir la librairie JQuery sur votre site pour que ça fonctionne.

Plus rapide comme tutoriel tu meurs...