Cookie Banner: Wie du aktiven "Consent" auf deiner Squarespace Website einholst
Die DSGVO (auf Englisch: GDPR) und die ePrivacy Richtlinie - ein großes Thema, das viele Websitebesitzer unübersichtlich finden. 🙀
Heute geht es dabei um ein ganz konkretes Thema: Das Cookie-Banner - und wie du es bei deiner Squarespace-Website umsetzen kannst.
Hier kannst du darüber lesen,
wie du ein gratis externes Opt-in-Cookiebanner bei deiner Squarespace-Seite einbaust,
deine Cookie-Einstellungen entsprechend anpasst, und
dein neues Cookiebanner so stylst, dass es zu deiner Seite passt!
Und: Ich habe auch eine Video-Anleitung für dich - einfach runter scrollen.
Letztes Update: März 2023
Inhaltsverzeichnis:
Sehr schön zu wissen: Die Einstellungen und Einrichtung deines Cookiebanners dauert insgesamt in der Umsetzung nur 10-15 Minuten.
Haftungsausschluss: Dieser Artikel inkl. Kommentare stellt keine Rechtsberatung dar und fasst lediglich öffentlich zugängliche Informationen zusammen. Wenn du hier genannte Vorschläge umsetzt, handelst du eigenverantwortlich.
Wer braucht ein Cookie-Banner?
Am 1.10.2019 gab es beim Europäischen Gerichtshof das Gerichtsurteil, dass alle technisch nicht notwendigen Cookies auf Websites erst gesetzt werden dürfen, wenn der Besucher aktiv eingewilligt hat. Wie Nina Dierks in diesem sehr guten Artikel über das Cookie-Urteil und was es bedeutet geschrieben hat, war das aber eigentlich schon immer der Fall.
Am 28.5.2020 wurde dieses Urteil dann auch noch einmal vom BGH bestätigt.
Wer braucht demgemäß also ein Cookie-Banner mit aktiver Einwilligung? - Alle, die Cookies verwenden, die “nicht essentiell” sind.
Alle Cookies, die in irgendeiner Form mit Marketing oder personalisierter Werbung zu tun haben, sind “nicht essentielle” Cookies. Das bedeutet, dass die Cookies, die unter anderem Werbung, Tracking durch Drittparteien (sprich: Facebook und Co.) sowie Werbeanalyse sind, durch deinen Website-Besucher abgesegnet werden muss. Und zwar bevor du die Cookies setzt.
Artikeltipp: So verknüpfst du Google Analytics mit deiner Squarespace-Website
Was ist also wichtig für dich zu wissen?
Du brauchst ein Consent-Cookiebanner,
wenn du “nicht notwendige” Cookies einsetzt. Das tust du, sobald du bei Squarespace externe Tools wie z.B. Google Analytics einbindest.
wenn du anderweitige externe Tools einsetzt - also Code-Blöcke von Email-Anbietern und andere Einbettungen, die Cookies speichern könnten.
Wenn du nicht sicher bist und überprüfen möchtest, ob es auf deiner Squarespace-Website nicht-essentielle Cookies gibt, kannst du das z.B. gratis bei cookieyes.com machen:
Wenn du in diesem Kästchen deine Domain angibst, siehst du alle Cookies, die gefunden werden. Nachdem (wie bei mir) ein Cookie-Consent-Banner aktiviert ist, sollten hier nur noch die notwendigen Cookies auftauchen.
Du brauchst kein Consent-Cookiebanner,
wenn du nur Squarespace verwendest und keine externen Statistik- oder Werbe-Tools (wie z.B. Google Analytics oder Facebook Pixel) einsetzt.
Dann solltest du dich aber trotzdem noch einmal vergewissern, dass deine Squarespace-Einstellungen korrekt sind (scroll einfach an das Ende des Artikels, dort findest du sie)
Squarespace, Cookies und die DSGVO
Was also, wenn du nicht notwendige Cookies verwenden möchtest?
Squarespace hat in seinen Einstellungen (unter “Einstellungen” > “Cookies & Besucherdaten”) eine Funktion, bei der du ein Cookie-Banner erstellen kannst.
Seit April 2021 ist auch die frohe Botschaft, dass du dort einen Knopf findest, mithilfe dessen du eine Einstellung vornehmen kannst, sodass deine User auf “Annehmen” oder “Ablehnen” klicken können:
Leider kommt hier die schlechte Nachricht: Dieses Cookie-Banner bei Squarespace erfüllt die Voraussetzungen nach dem Urteil des EuGH und BGH leider nicht.
Bei den Squarespace-Einstellungen kannst du zwar einen eigenen Text eingeben und dein Banner auch mit CSS personalisieren (siehe Bild). Aber deine Benutzer können weder bestimmte Cookies auswählen noch komplett ablehnen, dass Cookies gesetzt werden sollen.
Außerdem dürfen die nicht-essentiellen Cookies ja erst gesetzt werden, nachdem der Nutzer zugesagt hat. Die automatische Zustimmung ist nicht erlaubt.
Diese Bedingung lässt sich mit dem Squarespace-Cookie-Banner nicht einstellen, wenn du mehr als nur die essentiellen Cookies verwenden möchtest.
Tipp: Falls du schon eine Squarespace-Website hast und sie perfekt für Google SEO-optimieren willst, schau dir dieses 1-stündige Training an (das ist eines meiner beliebtesten!):
Wie löst du das Cookie-Problem also bei Squarespace?
Meine aktuelle Lösung: Ein externer Anbieter. Zuletzt war ich im November 2019 (nachdem ich verschiedene Banner-Anbieter angesehen hatte) bei Cookiebot gelandet.
Das funktionierte auch ein paar Monate lang reibungslos. Dann wechselten wir 2020 zu CookieYes, aber inzwischen sind wir seit Ende 2022 bei CCM19 gelandet.
Hintergrund: CCM19 ist ein deutscher Anbieter und hat alle Server in Deutschland.
Zu diesem (gratis) Cookie-Tool und wie du es bei Squarespace einbaust habe ich deswegen eine neue Video-Anleitung für dich gemacht:
Lieber als Text lesen? Hier ist die Anleitung im Text-Format:
Anleitung: So setzt du ein CCM19-Banner auf deine Squarespace-Website
Mit CCM19 kannst du durch ein einfaches Skript, das du in deinen Code bei Squarespace einfügst, Cookies automatisch blocken lassen.
Wichtig: Der Weg, den ich dir hier zeige, funktioniert allerdings leider nur, wenn du ein Squarespace-Paket ab “Business” (17€ monatlich bei jährlicher Zahlung) hast - also nicht das “Persönlich” Paket (9€ monatlich bei jährlicher Zahlung).
Artikeltipp: Was kosten die Squarespace-Pakete?
👉 Wenn du Squarespace selbst testen willst, bekommst du hier mit dem Code VICTORIA10 nach der gratis Testphase einen Rabatt von 10% auf dein erstes Jahr. (Das ist natürlich ein Werbelink.)
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Die Lösung von CCM19 hat vier entscheidende Vorteile:
Das Cookie-Banner kann in deinem Branding (Farben etc.) gestylt werden
Das Banner ist in verschiedenen Sprachen anzeigbar - du kannst die Übersetzungen auch frei wählen
Du kannst es sehr leicht einrichten und bei Squarespace einbinden (in 10 Minuten)
Es gibt eine Gratisversion
Mit CCM19 kannst du außerdem selbst auswählen, wie dein Banner angezeigt werden und wo genau auf der Seite es erscheinen soll.
So macht CCM19 es dir wirklich einfach, die Cookie-Regelung mit Squarespace umzusetzen. Beim Aufsetzen mit CCM19 wird deine Seite automatisch auf Cookies gescannt.
Sobald das Cookie-Banner aktiv ist, werden alle nicht essentiellen Cookies blockiert, so lange dein Nutzer keine Auswahl getroffen und eingewilligt hat. Du kannst die Cookies auch noch einmal selbst überprüfen, benennen und klassifizieren.
Nachteil:
Wie gesagt funktioniert die Lösung nicht für das “Persönlich”-Paket von Squarespace, sondern erst ab “Business”
So erstellst du dein Cookie-Banner mit CCM19
Das Aufsetzen mit CCM19s ist zum Glück ziemlich einfach. In diesem Artikel zeige ich dir Schritt für Schritt, wie das geht.
Die Schritt-für-Schritt-Beschreibung, wie du zu deinem Cookiebanner kommst
Geh zu ccm19.de Dort erstellst du als Allererstes einen Account und legst ein Passwort an. Dann bestätigst du den Account und folgst den ersten Schritten.
Du wirst gebeten, deine Daten anzugeben und einen neuen Account zu erstellen. (Sieh dir auch das Video oben an, da gehen wir durch alle Schritte durch.)
Wenn du fertig bist, kannst du das Ganze noch stylen.
CCM19 arbeitet mit sogenannten “Themes”, also Styling-Vorlagen.
Auf dem Bild oben siehst du die verschiedenen Optionen, mit denen du das Banner gestalten kannst: Layout, Content, Colors, und so weiter. (Noch mehr Styling-Optionen, also z.B. per CSS, bekommst du, wenn du zur bezahlten Version upgradest.)
Dort kannst du näher einstellen und auswählen, wie dein Cookie-Banner erscheinen soll.
Sofern du nicht-essentielle Cookies verwendest, muss es die Möglichkeit geben, dass deine Nutzer aktiv aussuchen können, welche Cookies sie akzeptieren.
So bindest du das Cookie-Banner bei Squarespace ein
Wenn du bei CCM19 alles eingerichtet hast, findest du unter “Installation Code” deine Infos zur Seite.
Nun musst du noch den Code kopieren, der das Skript beinhaltet.
Wenn sich das Fenster mit dem Skript (siehe Bild oben) öffnet, klick auf “Copy Code”.
Log dich dann bei Squarespace ein und klick auf “Einstellungen” > “Erweitert” > “Benutzerdefinierter Code”. Dort fügst du nun den eben kopierten Code bei der Kopfzeile (als Allererstes, also vor allem anderen) ein.
Wichtig: Der benutzerdefinierte Code ist nur für Squarespace-Abos ab “Business” verfügbar. Wenn du das “Persönlich”-Abo verwendest, kannst du das leider nicht umsetzen. Dann wird dir dieses Bild angezeigt:
So änderst du dann die Squarespace-Einstellungen für die Cookies
Wenn du jetzt ein Cookie-Banner durch Cookieyes eingerichtet hast, super! Es gibt allerdings noch zwei kleine Schritte, die du erledigen musst.
Klick auf “Einstellungen” > “Cookies & Besucherdaten” und setze die Kästchen folgendermaßen:
“Cookie-Banner aktivieren”: Aus (denn du hast ja gerade dein eigenes Banner mit Cookieyes eingerichtet)
“Cookies von Squarespace Analytics deaktivieren”: An
“Aktivitätsprotokoll aktivieren”: Aus
So sind auch alle Einstellungen von Squarespace, welche einzelne Personen z.B. durch IP-Adressen ermitteln, deaktiviert.
Letzter Schritt: Testen
Teste am Ende auf jeden Fall noch einmal, ob alles funktioniert.
Du kannst bei allen Browsern nachsehen, welche Cookies gesetzt werden.
Guck dir einmal die “Alle Cookies annehmen”-Funktion und die “Ablehnen”-Funktion an und lösch dazwischen dein Cache/Cookies/Browserhistorie. Werden die Cookies geblockt, bis du “alle Cookies annehmen” klickst?
So bist du sicher, dass alles läuft, wie es soll.
Et voilà! Fertig ist dein Cookiebanner für deine Squarespace-Seite.
Wichtig: Du brauchst natürlich weiterhin eine Datenschutzerklärung, in der spezifiziert wird, wie du mit den Daten umgehst etc.
Schalte deine Website nicht ohne Rechtstexte online. Ob du ein Impressum brauchst und was bei dir alles reinmuss, kannst du hier lesen: Alles zum Impressum.
Sondertipp: Button oder Link für spätere Consent-Änderung einrichten
Vielleicht möchtest du gerne, dass Nutzer auch später wieder das Cookiebanner finden können. Bzw. per einfachem Klick ihre Einstellungen anpassen können.
Normalerweise hat CCM19 diese Einstellung als kleines Symbol unten links immer in der Website eingeblendet:
Den Cookie-Hinweis unten links ausblenden
Du kannst das aber auch ausblenden und eine solche Änderungsoption aber auch auf deiner Cookie- oder Datenschutzerklärung einfügen - denn es ist super für deine Nutzer, wenn sie ihre Cookie-Einstellungen später auch wieder ändern können.
Das Einrichten ist ziemlich einfach:
Dazu nimmst du einfach an beliebiger Stelle einen Code-Block bei Squarespace, gibst das Folgende als HTML ein:
<a href="#" onclick="CCM.openWidget();return false;">Konfigurationsbox öffnen</a>
Wenn jemand darauf klickt, wird das CCM19-Fenster automatisch wieder geöffnet und man kann seine Cookie-Präferenzen ändern.
Den fett geschriebenen Text kannst du natürlich nach Belieben verändern.
Falls du Fragen zur Umsetzung des Cookiebanners hast, schreib sie gerne in die Kommentare!
Weitere Tipps zu Squarespace:
Google Fonts & Adobe Fonts bei Squarespace: Was mache ich mit der DSGVO?
33 häufig gestellte Fragen zu Squarespace (und die Antworten dazu!)
Farben, Bilder, Boom: 11 super CSS-Einstellungen für deine Squarespace Seite
Suchmaschinenoptimierung: Die besten SEO-Tipps für deine Squarepspace Website
So baust du einen Countdown-Zähler (Timer) bei deiner Squarespace-Website ein
