Homepage » Kit di strumenti » Questo trucco intelligente porta indietro gli ospiti quando si allontanano

    Questo trucco intelligente porta indietro gli ospiti quando si allontanano

    Quante volte apri un articolo, scremano alcune frasi, quindi fai clic su di esso per sfogliare un'altra scheda? Sono colpevole di questo su base giornaliera. Non è così facile mantenere l'attenzione di un visitatore ed è per questo che il Do not Go script può essere così prezioso.

    Aggiungendo questo script alla tua pagina, puoi aggiornamento automatico favicon del tuo sito e titolo della pagina ogni volta che la pagina non è attualmente visualizzata.

    Puoi vedere a dimostrazione dal vivo qui ed è piuttosto semplice. Basta aprire la pagina nel browser, quindi passare a un'altra scheda. Entro pochi secondi il cambia pagina favicon, insieme al titolo.

    Questo succede tutto dinamicamente, utilizzando JavaScript, quindi tutto torna indietro una volta che la pagina è di nuovo attiva. Come puoi immaginare questo script è molto semplice da configurare.

    Richiede tre impostazioni:

    1. Titolo - il titolo della nuova pagina
    2. favicon - il nuovo URL di favicon
    3. Tempo scaduto - ritardo totale (in secondi) dopo che l'utente è uscito prima di effettuare il passaggio

    Notare la solo valore richiesto è il titolo. Puoi lasciare la favicon allo stesso modo e puoi scegliere di saltare del timeout del tutto, quindi la barra del titolo cambia immediatamente.

    Ecco un codice di esempio di come appare la configurazione.

     dontGo (title: 'Testo del titolo alternativo qui!', faviconSrc: 'percorso / a / Alternativo / favicon.ico', timeout: 5000 // 5 secondi); 

    Impostare lo script Do not Go non potrebbe essere più semplice. È disponibile attraverso npm, Bower e Yarn, ed è anche ospitato sul GitHub CDN, tirato direttamente dal repository principale.

    Questo divertente script può essere un ottimo modo per convincere i lettori a tornare sul tuo sito e alla fine, ridurre la frequenza di rimbalzo. Per saperne di più, basta visitare il repository principale di GitHub e sfogliare la documentazione.