Zurück zu Blog

Wie Sie Ihrer Webflow-Website Cookies hinzufügen

Lernen Sie, wie Sie ein Cookie zu Ihrer Webflow-Website hinzufügen und ein Element nur einmal für einen Kunden anzeigen

Überblick 📚.

Dies ist eine sehr einfache Implementierung von Browser-Cookies.

Das Ergebnis dieser Anleitung ist, dass ein Element nur einmal angezeigt wird, wenn ein Kunde auf eine Schaltfläche klickt oder das Element schließt.


So können Sie Modals, Pop-ups usw. ganz einfach ausblenden und Ihre Nutzer nicht mit Pop-ups und anderen Ärgernissen überhäufen.


Um dies zu Ihrem Projekt hinzuzufügen, folgen Sie den einfachen Schritten und fügen Sie den benutzerdefinierten Code in Ihr Projekt oder Ihre Seiteneinstellungen ein.

{{ Template "gist" "text:Inside <head> tag" "id:accf51df0cafdd931f6d0988c16115f0" }}
{{ Template "gist" "text:Before </body> tag" "id:ba95556998561c947341ea0eca5108c4" }}

Anweisungen ✍

1. Fügen Sie die benutzerdefinierten Skripte zu den benutzerdefinierten Code-Einstellungen Ihres Webflows hinzu.

Please copy the first script into the <head> section of your custom-code settings. The second script with variables can be added into our Before </body> tag

Please copy the second script into the <head> section of your custom-code settings. The second script with variables can be added into our Before </body> tag

2. Überprüfen Sie die Cookie-IDs

Mit Hilfe einer ID kommunizieren wir mit unserem Element und der Schaltfläche "Akzeptieren".

  • #cookieBlock =die #ID, die auf Ihr Cookie-Hauptelement angewendet wird
  • #accept = Die #ID, die auf Ihre Cookie-Akzeptieren/Schließen-Schaltflächeangewendet wird
  • #clr = Die #ID, die auf eine Schaltfläche angewendet wird, um das Cookie zu löschen. (OPTIONAL)
  • 30' = Ändert die Dauer im Skript und steht für 30 Tage.
3. Hinzufügen der #ID (cookieBlock)

Navigieren Sie zum übergeordneten Element Ihres Cookie-Blocks. Dies könnte der primäre Wrapper für Ihr Pop-up / Hinweis / Modal etc. sein. Diesem Element müssen wir die ID "cookieBlock" zuweisen. Dies ist das Element, das wir ausblenden, wenn der Benutzer das Panel akzeptiert oder schließt.

4. Hinzufügen der #ID (akzeptieren)

Navigieren Sie zu der Schaltfläche "Akzeptieren/Schließen" Ihres Cookie-Elements. Sobald ein Benutzer auf diese Schaltfläche / diesen Link usw. klickt, wird das Cookie geschlossen und gespeichert. Wir müssen diesem Element die ID "accept" zuweisen.

5. Veröffentlichen und testen, ob es funktioniert.

Sobald Sie Ihre Website veröffentlichen, sollten Sie dies selbst testen und Elemente wie Banner, Popups usw. ausblenden können. Wenn Sie das Cookie löschen müssen, können Sie die ID clr zu einer beliebigen Schaltfläche oder einem Element hinzufügen, und wenn Sie die Seite aktualisieren, sollten Sie dieses versteckte Element wieder sehen können.

ANDERE ANLEITUNGEN &AMP; LEKTIONEN

Steigern Sie Ihre Webflow-Site weiter.

Schließen Sie sich heute über 30.000
Creators an.

Tragen Sie sich in unsere Newsletter-Liste ein, um gelegentliche Updates, Produkte und Einblicke zu erhalten.

Danke schön! Ihre Einsendung ist eingegangen!
Hoppla! Beim Einreichen des Formulars ist etwas schiefgegangen.
Schließen Sie sich 30.000+ anderen Kreativen in unseren Gemeinschaften an.