HTML Popup nur einmal anzeigen

Question

Wie kann ich ein Popup nur beim ersten Besuch einer Webseite anzeigen?

Answer 1

Du kannst Cookies verwenden, um den Besuch zu verfolgen. Bevor du das Popup anzeigst, überprüfe, ob ein bestimmtes Cookie bereits im Browser des Benutzers vorhanden ist. Wenn das Cookie existiert, bedeutet das, dass der Besucher die Seite bereits besucht hat und das Popup nicht erneut angezeigt werden muss. Falls das Cookie nicht vorhanden ist, zeige das Popup an und erstelle gleichzeitig das Cookie, um den Besuch zu markieren so das es beim nächsten Mal nicht mehr angezeigt wird.

// Prüfe, ob das Cookie bereits vorhanden ist
if (!document.cookie.includes("popupShown=true")) {

    // Zeige das Popup an
    // Dein Popupcode hier

    // Setze das Cookie, um den Besuch zu markieren (mit Ablaufdatum in Tagen)
    var expirationDate = new Date();
    expirationDate.setDate(expirationDate.getDate() + 30); // 30 Tage 
    document.cookie = "popupShown=true; expires=" + expirationDate.toUTCString() + "; path=/";

}