Cookie Hinweis hinzufügen

Ein Cookie-Hinweis ist kein Deko-Element, sondern Teil der Abstimmung zwischen Datenschutz, Tracking, externen Diensten und Frontend-Ausgabe. Diese Anleitung hilft dabei, den Bedarf zu klaeren, Einbindungen sauber zu trennen und die Wirkung im Shop zu pruefen.

Ziel

Am Ende soll klar sein, ob ein Hinweis oder eine Auswahl benoetigt wird, welche Dienste betroffen sind und an welcher Stelle der zugehoerige Code eingebunden wird. Die technische Einbindung ersetzt keine rechtliche Pruefung, hilft aber beim sauberen Umsetzen der gewaehlten Loesung.

• Externe Dienste und Tracking bewusst erfassen.
• Notwendige und optionale Dienste voneinander trennen.
• Code fuer Darstellung und Code fuer Verhalten an den richtigen Stellen eintragen.
• Frontend, mobile Ansicht, Tracking-Ausloesung und Formulare danach testen.

Wann ein Hinweis gebraucht wird

Ein Hinweis oder eine Auswahl ist vor allem dann relevant, wenn externe Dienste, Marketingmessung, Analyse, Retargeting, Karten, Videos, Chat-Tools oder vergleichbare Komponenten eingebunden werden. Reine Shop-Grundfunktionen koennen andere Anforderungen haben als optionale Marketing- oder Komfortdienste.

Dienste inventarisieren

Vor dem Einbau lohnt eine kurze Liste aller Dienste, die im Frontend Daten verarbeiten oder externe Skripte laden. Dadurch wird klar, ob nur ein Hinweis reicht oder ob eine aktive Auswahl gebraucht wird.

Einbindepunkte verstehen

Der Shop stellt zwei getrennte Bereiche fuer einen Cookie-Hinweis bereit. Einer liegt im Kopfbereich der Seite und eignet sich fuer Styles oder frueh benoetigte Markups. Der zweite liegt am Seitenende und eignet sich fuer Skripte, die nach dem Seiteninhalt geladen werden.

• Code vor dem Kopfabschluss: Fuer Styles, Basis-Markup oder Anbieter-Code, der ausdruecklich im Kopfbereich stehen soll.
• Code vor dem Seitenende: Fuer Skripte, Dialoglogik und Anbieter-Code, der nach dem Inhalt geladen werden soll.
• Tracking-Code: Nur so einbinden, dass optionale Dienste nicht zu frueh starten.
• Mehrere Shops: Bei Multishop-Betrieb je Shop pruefen, ob dieselben Dienste und Texte gelten.

Ablauf

1. Dienste sammeln: Liste alle externen Skripte, Trackingdienste, Medien und Formularschutz-Dienste.
2. Kategorien bilden: Notwendig, Analyse, Marketing, externe Medien und Komfortdienste trennen.
3. Text abstimmen: Hinweistext, Datenschutzverweis und Auswahltexte fachlich pruefen lassen.
4. Code trennen: Styles und fruehe Elemente in den Kopfbereich, Skripte und Dialoglogik an das Seitenende setzen.
5. Tracking koppeln: Analyse- und Marketingdienste erst nach passender Auswahl starten lassen.
6. Frontend pruefen: Startseite, Produktseite, Warenkorb, Kasse, Kontaktformular und mobile Ansicht testen.
7. Entscheidung zuruecksetzen: Testweise die gespeicherte Auswahl loeschen und den Erstbesuch erneut pruefen.

Pruefliste nach dem Einbau

• Der Hinweis erscheint beim ersten Besuch sichtbar, aber blockiert keine zentrale Shop-Funktion unnötig.
• Akzeptieren, Ablehnen und individuelle Auswahl verhalten sich nachvollziehbar.
• Analyse- oder Marketingdienste starten nicht vor der gewaehlten Zustimmung.
• Warenkorb, Kasse, Login und Formulare funktionieren weiterhin.
• Mobile Ansicht zeigt den Hinweis ohne abgeschnittene Buttons oder verdeckte Navigation.
• Datenschutzseite, Impressum und Hinweistext passen inhaltlich zusammen.
• Mehrsprachige oder mehrere Shops verwenden passende Texte und Dienste.

Stolperfallen

• Ein externer Dienst wird eingebunden, aber nicht in Hinweistext oder Datenschutzseite erwaehnt.
• Tracking startet schon beim Seitenaufruf, obwohl erst eine Auswahl vorgesehen ist.
• Der Hinweis verdeckt auf dem Smartphone Warenkorb oder Kasse.
• Nur die Startseite wird getestet, nicht aber Produktseite, Kasse und Formulare.
• Code fuer Gestaltung und Skripte wird vermischt, wodurch der Hinweis unzuverlaessig laedt.
• Mehrere Shops nutzen unterschiedliche Dienste, aber denselben Hinweistext.

Verwandte Bereiche

• Das Frontend: Fuer sichtbare Ausgabe und Kontrolle aus Kundensicht.
• Mobile Ansicht pruefen: Fuer Cookie-Dialoge auf kleinen Bildschirmen.
• Status, Icons und Systemmeldungen verstehen: Fuer Hinweise nach Aenderungen und Pruefmeldungen.
• Logs und Fehleranalyse: Fuer fehlerhafte Skripte, Ladeprobleme oder abgebrochene Einbindungen.
• Erste Schritte: Fuer Livegang-Pruefung und grundlegende Shop-Kontrolle.