Detecteren wanneer een muis het venster verlaat met Glio.js
Hoe vaak ga je een tabblad sluiten en merk je een op modaal venster waarin u wordt gevraagd om te blijven? Dit lijkt tegenwoordig heel gewoon en het is om één reden gedaan: het werkt!
U kunt een soortgelijk effect bouwen met behulp van de Glio.js-bibliotheek. Het is een gratis opensource JS-script om te detecteren wanneer de muiscursor van de gebruiker is dicht bij de rand komen of wanneer het verlaat het browservenster.
Dit kan worden gebruikt om te proberen bezoekers op uw site houden. Maar het kan ook worden gebruikt om creëer dynamische effecten als de muis van de gebruiker ver naar een kant van het scherm gaat.
Je zult er veel van vinden exit intent scripts over het hele web en de meesten van hen zijn moeilijk om aan te passen. Maar dat maakt Glio.js zo geweldig.
Het is een krachtige bibliotheek die geeft je controle over wat je doet met het scherm. Als de muis van uw gebruiker de browser verlaat die u kunt een modaal weergeven, of verander de achtergrondkleur, of helemaal niets doen.
Het komt ook met ingebouwde hotspots die u kunt controleren wanneer de muis van de gebruiker dicht bij een van de vier hoeken van het scherm komt. Je kan ook definieer de callback-methode en hoe dicht de cursor moet komen voordat je iets uitvoert.
Om Glio te gebruiken, download je gewoon een exemplaar van GitHub en laat het installeren. Je zou ook een kopie kunnen maken van Bower, npm of rechtstreeks van een CDN.
Met het script in je pagina, je gewoon voeg deze regel code toe (aangepast met uw opties):
glio.init ([richting, callback]);
De richting optie kan zijn elke hoek (bijv. “linksboven”) of “top”, die de bovenkant van het scherm vertegenwoordigt. Je callback-functie is welke JS-code u ook wilt gebruiken wanneer de muis van de gebruiker te dichtbij komt. Met de andere optie kunt u de afstand van het richtpunt, je kunt de gerelateerde informatie vinden op GitHub.
Dus, als u op zoek bent naar een eenvoudig script om detecteer exit intent Glio is een onmisbare hulpbron.
