Erkennen, wenn eine Maus das Fenster mit Glio.js verlässt

Wie oft schließst du einen Tab und bemerkst ein modales Fenster, das dich auffordert zu bleiben ? Dies scheint heutzutage alltäglich zu sein und es ist aus einem Grund getan: Es funktioniert!

Sie können einen ähnlichen Effekt mit der Bibliothek Glio.js erstellen . Es ist ein kostenloses Open-Source-JS-Skript, das erkennt, wenn sich der Mauszeiger des Benutzers der Kante nähert oder wenn er das Browserfenster verlässt .

Dies kann verwendet werden, um Besucher auf Ihrer Website zu halten . Aber es kann auch verwendet werden, um dynamische Effekte zu erstellen, wenn die Maus des Benutzers weit auf eine Seite des Bildschirms geht.

Sie werden viele dieser Exit-Intent-Skripts im gesamten Web finden und die meisten davon sind schwer anzupassen . Aber das macht Glio.js so großartig.

Es ist eine leistungsstarke Bibliothek, die Ihnen Kontrolle darüber gibt, was Sie mit dem Bildschirm tun. Wenn die Maus Ihres Benutzers den Browser verlässt, können Sie ein Modal anzeigen oder die Hintergrundfarbe ändern oder absolut nichts tun .

Es verfügt außerdem über integrierte Hotspots, die Sie überprüfen können, wenn sich die Maus des Benutzers einer der vier Ecken des Bildschirms nähert. Sie können auch die Callback-Methode definieren und festlegen, wie nahe der Cursor sein soll, bevor Sie etwas ausführen.

Um Glio zu verwenden, laden Sie einfach eine Kopie von GitHub herunter und installieren Sie es. Sie können auch eine Kopie von Bower, npm oder direkt von einem CDN ziehen .

Mit dem Skript in Ihrer Seite fügen Sie einfach diese eine Codezeile hinzu (angepasst an Ihre Optionen):

 glio.init ([Richtung, Rückruf]); 

Die direction kann eine beliebige Ecke (z. B. "oben links") oder "oben" sein, die den oberen Rand des Bildschirms darstellt. Ihre Callback-Funktion ist der JS-Code, den Sie ausführen möchten, wenn die Maus des Benutzers zu nahe kommt. Mit der anderen Option können Sie die Entfernung vom Richtungspunkt definieren. Sie finden die zugehörigen Informationen zu GitHub.

Also, wenn Sie nach einem einfachen Skript suchen, um Exit-Absicht zu erkennen, ist Glio eine unverzichtbare Ressource.

200 besten kostenlosen Photoshop Pinsel zum Download

Pinsel sind eines der besten und am häufigsten verwendeten Photoshop-Werkzeuge, die Designer gerne verwenden, um ihre Designs zu bereichern . Sie helfen Ihnen nicht nur , Zeit und Aufwand zu sparen, die für die Erstellung komplexer Designelemente erforderlich sind, sondern verleihen Ihrem Kunstwerk auch eine kreative Note.D

(Tech- und Design-Tipps)

8 Online-Tools zur Steigerung des B2B-Umsatzes

Business-to-Business (B2B) -Vertriebsexperten sind in einem ständigen Wettlauf gegen die Zeit verwickelt . Im Gegensatz zu ihren Business-to-Consumer- (B2C-) Gegenstücken stehen sie vor größeren Herausforderungen, wie z. B. der Konsensbildung unter mehr Entscheidungsträgern und als Folge daraus längere, kompliziertere Verkaufszyklen .Dies

(Tech- und Design-Tipps)