nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Detecteren wanneer een muis het venster verlaat met Glio.js

Hoe vaak ga je een tabblad sluiten en zie je een modaal venster waarin je wordt gevraagd om te blijven ? Dit lijkt tegenwoordig heel gewoon en het is om één reden gedaan: het werkt!

U kunt een vergelijkbaar effect bouwen met de Glio.js-bibliotheek . Het is een gratis opensource-JS-script om te detecteren wanneer de muiscursor van de gebruiker dicht bij de rand komt of het browservenster verlaat .

Dit kan worden gebruikt om bezoekers op uw site te houden . Maar het kan ook worden gebruikt om dynamische effecten te creëren als de muis van de gebruiker ver naar een kant van het scherm gaat.

U zult veel van deze scripts met exit-intenties overal op het web vinden en de meeste zijn moeilijk aan te passen . Maar dat maakt Glio.js zo geweldig.

Het is een krachtige bibliotheek die u controle geeft over wat u doet met het scherm. Als de muis van uw gebruiker de browser verlaat, kunt u een modaal weergeven of de achtergrondkleur wijzigen of helemaal niets doen .

Het bevat ook ingebouwde hotspots die u kunt controleren wanneer de muis van de gebruiker dicht bij een van de vier hoeken van het scherm komt. U kunt ook de terugbelmethode definiëren en hoe dicht de cursor moet komen voordat u iets uitvoert.

Om Glio te gebruiken, download je gewoon een exemplaar van GitHub en installeer je het. U kunt ook een kopie van Bower, npm of rechtstreeks van een CDN halen .

Met het script op uw pagina voegt u deze regelcode toe (aangepast aan uw opties):

 glio.init ([richting, callback]); 

De direction kan elke hoek zijn (bijv. "Linksboven") of "boven", die de bovenkant van het scherm vertegenwoordigt. Uw callback-functie is de JS-code die u wilt uitvoeren wanneer de muis van de gebruiker te dichtbij komt. Met de andere optie kunt u de afstand vanaf de richtingspunt bepalen, u kunt de gerelateerde informatie op GitHub vinden.

Dus, als u op zoek bent naar een eenvoudig script om exit-intentie te detecteren, is Glio een onmisbaar hulpmiddel.

9 Hulpmiddelen om uw nieuwsbrief te testen en er een voorbeeld van te geven

9 Hulpmiddelen om uw nieuwsbrief te testen en er een voorbeeld van te geven

Marketingcampagnes door verschillende grote organisaties zijn sterk afhankelijk van e-mails die naar de doelklanten en doelgroep worden verzonden. Het is erg belangrijk om een ​​voorbeeld van deze e-mails te bekijken voordat ze worden verzonden, omdat e-mailprotocollen niet voldoende intelligent genoeg zijn. Ve

(Technische en ontwerptips)

Mastodon: zoals Twitter, maar veel cooler

Mastodon: zoals Twitter, maar veel cooler

Als je al een Twitter-gebruiker bent, is de kans groot dat je bekend bent met enkele van de meer ... onnodige wijzigingen op Twitter . Terwijl velen van ons besloten hebben om voorlopig op Twitter te blijven, besloot een 24-jarige Duitser genaamd Eugene Rochko om het heft in eigen handen te nemen om een 'betere' versie van Twitter te ontwikkelen

(Technische en ontwerptips)