Cookie Consent für Next.js

Wenn Sie Ihre Website mit Next.js erstellen, sind Sie wahrscheinlich auf Geschwindigkeit, Skalierbarkeit und Benutzerfreundlichkeit bedacht.

Aber wie steht es um die Einhaltung des Datenschutzes?

Wahrscheinlich ist Ihre Website auf Cookies angewiesen, ob Sie nun Google Analytics verwenden, Werbung schalten oder einfach Benutzereinstellungen speichern. Diese Cookies können durch Datenschutzgesetze reguliert werden, was bedeutet, dass Sie eine cookie consent benötigen, die mit Next.js funktioniert.

In diesem Leitfaden erkläre ich, wie Cookies in Next.js funktionieren, wann und warum eine Zustimmung nach Gesetzen wie der DSGVO erforderlich ist und wie Termly Ihnen dabei helfen kann, ein Banner einzurichten, das Ihre Website transparent und benutzerfreundlich macht und mit globalen Datenschutzstandards in Einklang steht.

Wie Cookies in Next.js funktionieren

Cookies sind kleine Dateneinheiten, die im Browser eines Benutzers gespeichert werden und von Websites verwendet werden, um Besuche zu verfolgen, Präferenzen zu speichern, Inhalte zu personalisieren und Analysedaten zu sammeln.

Zwar werden alle Cookies letztlich im Browser gespeichert, aber die Art und Weise, wie sie gesetzt und verwaltet werden, kann je nach Aufbau Ihrer Website variieren.

In einer Next.js-Umgebung werden Cookies entweder von der Client-Seite (nachdem die Seite im Browser geladen wurde) oder von der Server-Seite (bevor die Seite geladen wird, während der Antwort des Servers) gesetzt.

Diese Unterscheidung ist wichtig, da sie sich darauf auswirkt, wann Cookies ausgelöst werden und ob sie gesetzt werden , bevor der Nutzer die Möglichkeit hat, seine Zustimmung zu geben.

Cookies, die nach dem Laden der Seite gesetzt werden (Client-seitig)

Client-seitige Cookies werden mithilfe von Code hinzugefügt, der ausgeführt wird, nachdem die Seite bereits im Browser einer Person geladen wurde. Dies ist häufig der Fall, wenn Sie Tracking-Tools wie Google Analytics oder ein Marketing-Plugin verwenden.

Da diese Art von Code erst zu einem späteren Zeitpunkt ausgeführt wird, ist es einfacher, sich zurückzuhalten und erst die Zustimmung des Nutzers einzuholen, was ideal für die Einhaltung der Datenschutzbestimmungen ist.

Vor dem Laden der Seite gesetzte Cookies (serverseitig)

Next.js ermöglicht es Ihnen auch, Cookies früher hinzuzufügen, bevor die Seite dem Besucher angezeigt wird. Diese werden häufig für Aufgaben wie die Anmeldung von Personen oder die Verwaltung von Sitzungen verwendet.

Das Problem dabei ist, dass diese Cookies gesetzt werden können, bevor das Banner mit cookie consent überhaupt erscheint. Das ist ein Problem, wenn es sich um unwesentliche Cookies handelt und Sie noch keine Zustimmung eingeholt haben.

Auch wenn Sie sich keine Gedanken über die technischen Unterschiede zwischen beiden machen müssen, ist es wichtig zu wissen, dass Cookies in verschiedenen Phasen hinzugefügt werden können, was sich auf die Verwaltung des Datenschutzes auf Ihrer Website auswirken kann.

Cookie Consent für Next.js-Websites

Wenn Ihre Next.js-Website Cookies für Zwecke verwendet, die über die Grundfunktionalität hinausgehen, wie z. B. die Anzeige von Analysen, die Schaltung von Werbung oder die Speicherung von Benutzereinstellungen, müssen Sie wahrscheinlich die Anforderungen der verschiedenen Datenschutzgesetze bezüglich cookie consent erfüllen.

Datenschutzgesetze mit Auswirkungen auf die Cookie Consent

Mehrere weltweite Datenschutzgesetze schreiben strenge Regeln für die Verwendung von Cookies auf Websites vor, nicht nur in Bezug auf die Frage, wann eine Zustimmung erforderlich ist, sondern auch in Bezug auf die Offenlegung, Kategorisierung und Verwaltung von Cookies im Laufe der Zeit.

Gesetze wie diese sollen den Nutzern mehr Kontrolle über ihre Daten geben und sicherstellen, dass Unternehmen die Technologien, die sie zur Verfolgung oder Personalisierung von Online-Erfahrungen einsetzen, transparent machen.

Im Folgenden finden Sie einige der wichtigsten Gesetze, die für Ihre Next.js-Website gelten können:

Auch wenn jede Verordnung ihre eigenen Nuancen hat, so zielen doch alle darauf ab, den Nutzern mehr Kontrolle und Transparenz darüber zu geben, wie ihre Daten durch Cookies gesammelt und verwendet werden.

Wie die Cookie Consent auf einer Next.js-Website aussehen sollte

Nachdem Sie nun wissen, welche Gesetze möglicherweise gelten, wollen wir uns nun die konkreten Schritte ansehen, die Sie unternehmen sollten, um Ihre Website mit den aktuellen Zustimmungsstandards in Einklang zu bringen.

Zeigen Sie beim ersten Besuch ein Cookie Consent an

Der erste Schritt besteht darin, ein cookie consent anzuzeigen, wenn jemand auf Ihrer Website landet, bevor unwesentliche Cookies gesetzt werden.

Dieses Banner sollte:

• Informieren Sie die Nutzer über die Verwendung von Cookies auf Ihrer Website
• Erläutern Sie den Zweck dahinter (z. B. Analysen, Anzeigen)
• Den Nutzern die Wahl lassen, ob sie Cookies annehmen, ablehnen oder verwalten wollen.

Um nach Gesetzen wie der DSGVO gültig zu sein, muss eine Einwilligung vorliegen:

• Informiert: Die Nutzer sollten genau wissen, worauf sie sich einlassen
• Freigegeben: Der Zugang zur Website darf nicht von der Annahme von Cookies abhängen
• Granular: Die Nutzer sollten die Möglichkeit haben, bestimmte Arten von Cookies zu akzeptieren und andere abzulehnen.

Vermeiden Sie die Verwendung von angekreuzten Kästchen oder vagen Hinweisen wie "Wenn Sie mit der Suche fortfahren...", da diese nicht den heutigen Erwartungen an eine Einwilligung entsprechen.

Link zu einer klaren Datenschutz- oder Cookie-Richtlinie

Ein wichtiger Bestandteil der Cookie-Compliance ist die Transparenz. Ihr Unternehmen sollte seine Cookie-Praktiken so offenlegen, dass sie leicht auffindbar und für die Nutzer verständlich geschrieben sind.

Diese Informationen können als Klausel in Ihre allgemeine Datenschutzrichtlinie oder in eine spezielle Cookie-Richtlinie aufgenommen werden.

Ihre Police sollte die Kosten decken:

• Die Arten von Cookies, die Ihre Website verwendet
• Was jedes Cookie tut und warum es verwendet wird
• Wie lange jedes Cookie aktiv bleibt
• ob die Cookies von Ihrer Website oder von Dritten gesetzt werden
• Wie Nutzer ihre Zustimmung verwalten oder zurückziehen können

Sie sollte direkt von Ihrem cookie banner aus verlinkt und in anderen sichtbaren Bereichen Ihrer Website verfügbar gemacht werden, z. B. in der Fußzeile oder in den Kontoeinstellungen.

Wenn Sie Hilfe bei der Erstellung der richtigen Angaben benötigen, können Sie den TermlyDatenschutzerklärung Generator oder cookie richtlinien generator verwenden, um Dokumente zu erstellen, die auf die Datenpraktiken Ihrer Website zugeschnitten sind.

Bieten Sie ein Cookie-Präferenzzentrum an

Ein Cookie-Einstellungszentrum ist ein spezieller Bereich, in dem Nutzer ihre Cookie-Entscheidungen jederzeit ändern können.

Sie unterstützt den Gedanken (und die rechtliche Anforderung), dass die Zustimmung nicht einmalig ist, sondern jederzeit problemlos zurückgezogen oder angepasst werden kann.

Ihr Präferenzzentrum sollte:

• Liste der Kategorien von Cookies, die Ihre Website verwendet
• Ermöglichen Sie es den Nutzern, ihre Zustimmung zu aktualisieren oder zu widerrufen
• Sie müssen leicht zu finden sein (z. B. durch einen Link in der Fußzeile Ihrer Website).

Dieses Maß an Kontrolle erhöht die Transparenz und steht im Einklang mit den rechtlichen Anforderungen für den Widerruf der Einwilligung.

Verfolgung und Protokollierung der Zustimmung

Um zu zeigen, dass Ihre Website die Entscheidungen der Nutzer respektiert, insbesondere in regulierten Regionen, ist es wichtig, jedes Zustimmungsereignis zu protokollieren. Diese Aufzeichnung kann im Falle eines Audits oder einer Datenschutzbeschwerde erforderlich sein.

Zustimmungsprotokolle sollten Folgendes enthalten:

• Die Entscheidungen des Nutzers (akzeptierte/abgelehnte Cookie-Kategorien)
• Ein Zeitstempel der Zustimmung
• Die Version des angezeigten Banners oder der Einstellungen
• Zusätzliche Informationen wie Ort oder Sprache, sofern zulässig

Ein gründliches Einwilligungsprotokoll ist besonders wichtig für Next.js-Websites, die Tools von Drittanbietern verwenden, wie z. B. Google Analytics, YouTube-Einbettungen oder Werbeplattformen - Tools, die personenbezogene Daten verarbeiten können.

Unterstützung von Universal Opt-Out-Signalen

Einige Datenschutzgesetze, insbesondere das CCPA, verlangen von Unternehmen, dass sie browserbasierte Datenschutzsignale wie die Global Privacy Control (GPC) respektieren.

Auch wenn dies nicht für alle US-Gesetze vorgeschrieben ist, hilft die Unterstützung dieser Signale den Unternehmen, sich an die sich entwickelnden Datenschutzstandards anzupassen.

Wenn ein Nutzer GPC in seinem Browser aktiviert hat, sollte Ihre Website dies als automatische Ablehnung der gemeinsamen Nutzung von Daten oder der Nachverfolgung behandeln, auch wenn der Nutzer nicht auf ein Element Ihres Banners geklickt hat.

Erkennen dieser Signale:

• hilft bei der Einhaltung von Gesetzen wie dem CCPA
• Verringert die Reibung zwischen den Nutzern, indem ihre Präferenzen berücksichtigt werden
• Zeigt, dass Ihr Unternehmen den Datenschutz ernst nimmt

Möchten Sie mehr darüber erfahren, wie die GPC funktioniert? Lesen Sie Termly's Aufschlüsselung der Global Privacy Control für eine vollständige Erklärung.

Wie Termly hilft, die Cookie Consent in Next.js zu erfüllen

Wenn Sie nach einer einfacheren Möglichkeit suchen, die cookie consent auf Ihrer Next.js-Website zu verwalten, können Sie mit Termly's Consent Management Plattform eine flexible All-in-One-Lösung, mit der Sie die weltweiten Datenschutzgesetze einhalten können.

Termly vereinfacht die technischen Aspekte der cookie consent von der Einrichtung bis hin zur laufenden Einhaltung der Vorschriften und ermöglicht es Ihnen, sich auf die Entwicklung einer schnellen und benutzerfreundlichen Website zu konzentrieren.

Zu den wichtigsten Merkmalen unserer CMP gehören:

• Ein vollständig anpassbares cookie banner mit Geotargeting und granularen Zustimmungsoptionen
• Automatisches Scannen von Cookies und Kategorisierung nach Typ (z. B. unerlässlich, Analyse, Marketing)
• Skript-Blockierung, die verhindert, dass nicht benötigte Cookies vor der Zustimmung geladen werden
• Ein integriertes Cookie-Einstellungszentrum für die Echtzeitkontrolle durch den Benutzer
• Protokollierung von Einwilligungen und Aufzeichnungen zur Unterstützung von Audits oder rechtlichen Anfragen
• Unterstützung für universelle Opt-out-Signale wie Global Privacy Control (GPC)

Egal, ob Sie ein neues Next.js-Projekt einrichten oder Ihre aktuelle Website aktualisieren, um die heutigen Erwartungen an den Datenschutz zu erfüllen, Termly macht es einfacher, die cookie consent auf transparente und nutzerorientierte Weise zu verwalten.

Testen Sie die Einwilligungslösungen vonTermly, um das Rätselraten über die Einhaltung von Cookies zu vermeiden.

Mehr über die Autorin

Geschrieben von Masha Komnenic CIPP/E, CIPM, CIPT, FIP

Masha ist Spezialistin für Informationssicherheit und Datenschutz und zertifizierte Datenschutzbeauftragte. In den letzten sechs Jahren war sie als Datenschutzbeauftragte tätig und half kleinen und mittleren Unternehmen bei der Einhaltung von Rechtsvorschriften. Außerdem war sie Mentorin für die Einhaltung von Datenschutzbestimmungen bei vielen internationalen Business Accelerators. Sie ist spezialisiert auf die Umsetzung, Überwachung und Prüfung der Einhaltung von Datenschutzvorschriften (HIPAA, PIPEDA, ePrivacy-Richtlinie, DSGVO, CCPA, POPIA, LGPD). Masha hat an der Universität Belgrad Jura studiert und 2016 die Anwaltsprüfung abgelegt. Mehr über die Autorin