Leitfaden / Artikel

So fügen Sie Cookies zu Ihrer Webflow-Website hinzu

Flowbase
März 3, 2021
So fügen Sie Cookies zu Ihrer Webflow-Website hinzu

Heute möchten wir mit Ihnen eine super einfache Anleitung zum Hinzufügen von Cookies zu Ihren Webflow-Websites teilen. Damit können Sie Modals, Pop-ups etc. ganz einfach ausblenden und NICHT mehr anzeigen lassen. (für eine ausgewählte Anzahl von Tagen)

Die Verwendung von Cookies für Ihre Pop-Ups & Notizen kann eine superstarke Möglichkeit sein, Informationen einmalig anzuzeigen, ohne Ihre Besucher ständig zu bombardieren.

Cookie-Skript hinzufügen

Kopieren Sie zunächst das folgende Skript in den Bereich Abschnitt Ihrer Custom-Code-Einstellungen.

Bitte beachten Sie: Der Abschnitt für den benutzerdefinierten Code befindet sich in Ihren Seiten- oder Projekteinstellungen. Wenn Ihr Cookie seitenweit gilt, müssen Sie dies in den Projekteinstellungen angeben.

Cookie-Variablen hinzufügen

Kopieren Sie diese Attribute in den <body> After-Bereich Ihrer Custom-Code-Einstellungen. </body>

&amp;lt;script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;// default time is 182 days&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;flowBaseCookie('#cookieBlock', '#accept', '#clr', 30);&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;

Es sollte so aussehen🎉.


Hinzufügen der #ID (cookieBlock)

Navigieren Sie zur primären Ebene Ihres Cookie-Elements. Dies könnte der primäre Wrapper für Ihr Pop-up / Ihren Hinweis / Ihr Modal usw. sein. Wir müssen diesem Element die ID "cookieBlock" zuweisen.

Hinzufügen der #ID (übernehmen)

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.

Die Cookie-Variablen

  • #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' = Geänderte Richtung im Skript, und steht für 30 Tage.

Flowbase
März 3, 2021

Empfangen Sie Webflow-Ressourcen direkt in Ihre Mailbox.

Melden Sie sich an, um wöchentliche Einblicke und Inspirationen in Ihrem Posteingang zu erhalten.

ANDERE ANLEITUNGEN &AMP; LEKTIONEN

Steigern Sie Ihre Webflow-Site weiter.