Wenn Sie Ihre Website mit Next.js erstellen, nutzt Ihre Website möglicherweise Cookies oder andere Tracking-Technologien, die unter Datenschutzgesetze wie die DSGVO, den CCPA und sogar den CIPA fallen.
Das bedeutet, dass Sie möglicherweise eine cookie consent benötigen, die mit Next.js kompatibel ist.
Ganz gleich, ob Sie Google Analytics nutzen, Anzeigen schalten oder einfach nur Nutzerpräferenzen speichern – in diesem Leitfaden erkläre ich Ihnen, wie Sie cookie consent Next.js verwalten, einschließlich der Frage, wann und warum eine Einwilligung gemäß Gesetzen wie der DSGVO erforderlich ist.
Wie sollte Cookie Consent auf einer Next.js-Website Cookie Consent ?
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.
So verwalten Sie cookie consent Next.js.
Neuen Nutzern ein entsprechendes Cookie Consent anzeigen
Der erste Schritt bei der Verwaltung cookie consent darin, ein cookie consent zu erstellen und anzuzeigen, sobald ein Besucher auf Ihrer Website landet – in der Regel bevor nicht unbedingt erforderliche Cookies gesetzt werden.
Ihr cookie consent in Next.js sollte:
- Weisen Sie die Nutzer darauf hin, dass Ihre Website Cookies verwendet
- Erläutern Sie den Zweck dieser Funktionen (z. B. Analysen, Werbung)
- Geben Sie den Nutzern die Möglichkeit, zu entscheiden, ob sie Cookies akzeptieren, ablehnen oder verwalten möchten.
Um gemäß Datenschutzgesetzen wie der DSGVO gültig zu sein, muss die Einwilligung außerdem folgende Voraussetzungen erfüllen:
- 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.
Es empfiehlt sich, vorab angekreuzte Kästchen oder vage Hinweise wie „Wenn Sie weiter surfen …“ zu vermeiden, da diese den heutigen Erwartungen an eine Einwilligung nicht entsprechen.
Fügen Sie einen Link zu einer übersichtlichen Datenschutz- und Cookie-Richtlinie ein
Ein wesentlicher Aspekt der Einhaltung der Cookie-Vorschriften ist Transparenz. Das bedeutet, dass Ihr Unternehmen seine Cookie-Praktiken so offenlegen muss, dass die Informationen leicht auffindbar sind und in einer für die Nutzer verständlichen Sprache verfasst sind.
Fügen Sie Informationen darüber, wie Ihre Next.js-Website Cookies verwendet, sowohl als Abschnitt in Ihrer allgemeinen Datenschutzerklärung als auch in einer separaten, eigens dafür vorgesehenen Cookie-Richtlinie ein.
Ihre Cookie-Richtlinie sollte mindestens folgende Punkte abdecken:
- Die Arten von Cookies, die Ihre Website verwendet
- Was ein Cookie bewirkt 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 Einwilligung verwalten oder widerrufen 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.
Stellen Sie den Nutzern ein Cookie-Einstellungscenter zur Verfügung
Ein Cookie-Einstellungscenter ist ein eigener Bereich, in dem Nutzer ihre Cookie-Einstellungen jederzeit ändern können, und Ihre Next.js-Website sollte über ein solches verfügen.
Die Bereitstellung eines Links zu einem Einstellungscenter entspricht der gesetzlichen Vorgabe, dass die Einwilligung jederzeit problemlos widerrufen oder angepasst werden kann.
Ihr Next.js-Einstellungscenter sollte:
- Führen Sie die Kategorien von Cookies auf, die Ihre Website verwendet
- Benutzern die Möglichkeit geben, ihre Einwilligung zu aktualisieren oder zu widerrufen
- Sie sollten leicht zu finden sein (z. B. über 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.
Die Einwilligung der Nutzer ordnungsgemäß und sicher nachverfolgen und protokollieren
Um nachzuweisen, dass Ihre Website die Entscheidungen der Nutzer respektiert – insbesondere in regulierten Regionen –, ist es unerlässlich, jedes Einwilligungsereigniszu protokollieren.
Diese Aufzeichnung kann im Falle einer Prüfung oder einer Datenschutzbeschwerde erforderlich sein.
Zustimmungsprotokolle sollten Folgendes enthalten:
- Die Auswahl des Nutzers (akzeptierte/abgelehnte Cookie-Kategorien)
- Zeitstempel der Einwilligung
- Die angezeigte Version des Banners oder der Einstellungen
- Zusätzliche Informationen wie Standort oder Sprache, sofern zulässig
Das Führen eines lückenlosen Einwilligungsprotokolls ist besonders wichtig für Next.js-Websites, die Tools von Drittanbietern nutzen, wie beispielsweise Google Analytics, eingebettete YouTube-Videos oder Werbeplattformen sowie alle anderen Tools, die möglicherweise personenbezogene Daten verarbeiten.
Unterstützung von Universal Opt-Out-Signalen
Einige Datenschutzgesetze, insbesondere der CCPA, verpflichten Unternehmen dazu, browserbasierte Datenschutzsignale wie die „Global Privacy Control“ (GPC) zu berücksichtigen. Planen Sie daher gegebenenfalls die Unterstützung dieser Technologie ein.
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:
- Trägt dazu bei, die Einhaltung von Gesetzen wie dem CCPA sicherzustellen,
- Verringert die Nutzereinfriedenheit, indem die Präferenzen der Nutzer berücksichtigt werden,
- Zeigt, dass Ihr Unternehmen den Datenschutz ernst nimmt.
Wenn Sie mehr darüber erfahren möchten, wie GPC funktioniert, finden Sie Termlyeine ausführliche Erklärung der Global Privacy Control.
Wie funktionieren Cookies in Next.js?
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.
Welche Datenschutzgesetze wirken sich auf Cookie Consent Next.js aus?
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:
- Allgemeine DatenschutzverordnungDSGVO): Erfordert die Zustimmung für nicht wesentliche Cookies und betont klare, informierte Entscheidungen der Nutzer.
- ePrivacy-Richtlinie: Die oft als EU-Cookie-Gesetz bezeichnete Datenschutzrichtlinie für elektronische Kommunikation konzentriert sich speziell auf die Verwendung von Cookies und verlangt die Zustimmung, bevor auf Informationen auf dem Gerät eines Nutzers zugegriffen oder diese gespeichert werden.
- Kalifornisches Verbraucherschutzgesetz (CCPA): Verlangt von Unternehmen, ihre Tracking-Praktiken offenzulegen und den Nutzern die Möglichkeit zu geben, die Weitergabe oder den Verkauf von Daten, auch durch Cookies, abzulehnen.
- Andere globale Gesetze: Gesetze wie das brasilianische LGPD und das kanadische PIPEDA enthalten ebenfalls Cookie-bezogene Regeln, die Sie je nach Standort Ihrer Nutzer befolgen müssen.
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 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 detaillierten Einwilligungsoptionen
- Automatische Erkennung und Kategorisierung von Cookies nach Typ (z. B. unverzichtbare Cookies, Analyse-Cookies, Marketing-Cookies)
- Skriptblockierung, die verhindert, dass nicht unbedingt erforderliche Cookies vor der Einwilligung geladen werden
- Ein integriertes Cookie-Einstellungscenter für die Benutzerkontrolle in Echtzeit
- Protokollierung von Einwilligungen und Aufbewahrung von Unterlagen 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.
Probieren Sie die Einwilligungslösungen Termlyaus, um das Rätselraten bei der Einhaltung der Cookie-Vorschriften zu vermeiden.
Geschrieben von Hanna De La Garza
Hanna De La Garza ist Autorin für Datenschutz bei Termly einen Bachelor-Abschluss in Journalismus von der University of Florida. Sie erstellt interessante Ressourcen zu Datenschutz, Einwilligungsmanagement, regulatorischen Aktualisierungen und vielem mehr.
Alle Beiträge von Hanna De La Garza lesen
Überprüft von Masha Komnenic CIPP/E, CIPM, CIPT, FIP
Masha Komnenic ist Rechtsberaterin und Director of Global Privacy Termly. Sie hat einen Abschluss in Rechtswissenschaften der Universität Belgrad. Sie ist spezialisiert auf die Umsetzung, Überwachung und Prüfung der Einhaltung von Datenschutzbestimmungen (HIPAA, PIPEDA, ePrivacy-Richtlinie, DSGVO, CCPA, POPIA, LGPD) durch Unternehmen.
Alle Beiträge lesen, die von Masha Komnenic CIPP/E, CIPM, CIPT, FIP geprüft wurden
Kostenlose Cookie Consent
