Hjemmeside » UI / UX » Oppdag når en mus forlater vinduet med Glio.js

    Oppdag når en mus forlater vinduet med Glio.js

    Hvor mange ganger går du for å lukke en fane og legge merke til en Modal vindu ber deg om å bli? Dette virker vanlig i dag, og det er gjort av en grunn: det virker!

    Du kan bygge en lignende effekt ved hjelp av Glio.js bibliotek. Det er et gratis open-source JS-skript for å oppdage når brukerens musemarkør er komme nær kanten eller når det forlater nettleservinduet.

    Dette kan brukes til å prøve holder besøkende på nettstedet ditt. Men det kan også være vant til skape dynamiske effekter hvis brukerens mus går langt til den ene siden av skjermen.

    Du finner mange av disse exit intent skript over hele nettet og de fleste av dem er tøft å tilpasse. Men det er det som gjør Glio.js så bra.

    Det er et kraftig bibliotek som gir deg kontroll over hva du gjør med skjermen. Hvis brukerens mus forlater nettleseren du kan vis en modal, eller endre bakgrunnsfargen, eller gjør absolutt ingenting.

    Det kommer også med innebygde hot spots at du kan sjekke når brukerens mus kommer nær noen av de fire hjørnene på skjermen. Du kan også definere tilbakeringingsmetoden og hvor nær markøren skal få før du kjører noe.

    For å bruke Glio, bare last ned en kopi fra GitHub og få den installert. Du kan også trekke en kopi fra Bower, npm, eller direkte fra en CDN.

    Med skriptet på siden din, bare du legg til denne ene koden (tilpasset med alternativene dine):

     glio.init ([retning, tilbakeringing]); 

    De retning alternativet kan være et hvilket som helst hjørne (f.eks. “øverst til venstre”) eller “topp”, som representerer toppen av skjermen. Tilbakeringingsfunksjonen er uansett JS kode du vil kjøre når brukerens mus blir for nær. Et annet alternativ lar deg definere avstand fra retningspunktet, Du finner den relaterte informasjonen på GitHub.

    Så, hvis du leter etter et enkelt skript til oppdag avslutningsintensjonen Glio er en må-ha ressurs.