So fügen Sie Ihrer Website ein Cookie-Banner hinzu: Kein Code erforderlich (mit Vorlagen!)

Die Antwort auf die erste Frage lautet „wahrscheinlich“. Und um die zweite Frage geht es in diesem Beitrag!

Im Rest dieses Beitrags erhalten Sie eine kurze Einführung, ob Ihre Website tatsächlich ein Cookie-Zustimmungsbanner benötigt oder nicht. Anschließend teilen wir Ihnen eine Schritt-für-Schritt-Anleitung, wie Sie Getsitecontrol verwenden können, um ein Cookie-Zustimmungsbanner für Ihre Website zu erstellen, ohne dass Sie über spezielle Kenntnisse verfügen müssen.

Welche Art von Websites benötigen überhaupt ein Cookie-Banner?

Wenn Ihre Website Besucher aus der Europäischen Union empfängt, benötigen Sie wahrscheinlich ein Cookie-Zustimmungsbanner, wenn Sie die Vorschriften der Europäischen Union einhalten möchten.

Ursprünglich im Jahr 2011 verabschiedet und 2018 mit der DSGVO erweitert, verlangen die Regeln der Europäischen Union zu Cookies im Wesentlichen, dass Sie von Besuchern eine „klare, informierte Zustimmung“ einholen, um Cookies zu verwenden, die Benutzerdaten verfolgen.

Das ist technisch gesehen nicht jede einzelne Website, aber mit der Popularität von Tools wie Google Analytics, Facebook Pixel, Social-Media-Share-Buttons und anderen besteht eine ziemlich gute Chance, dass Ihre Website zumindest einige Tracking-Cookies verwendet.

In der Praxis benötigen die meisten Websites, die Besucher aus der Europäischen Union empfangen, also ein Banner zur Cookie-Zustimmung. Und in dieser globalen Welt sind das die meisten Websites – Punkt.

Lange Rede, kurzer Sinn … Sie benötigen wahrscheinlich ein Cookie-Zustimmungsbanner, wenn Sie die Vorschriften der Europäischen Union einhalten möchten!

Folgendes müssen Sie in Ihre Benachrichtigung zur Cookie-Einwilligung aufnehmen

Der Zweck eines Cookie-Banners besteht darin, eine informierte Zustimmung zur Verwendung von Cookies einzuholen, bevor Besucher mit der Nutzung Ihrer Website beginnen.

Sie müssen also:

• Zeigen Sie das Cookie-Zustimmungsbanner sofort beim ersten Besuch eines Benutzers an.
• Erhalten Sie eine informierte Zustimmung von Besuchern zur Verwendung von Cookies. In der Regel erfolgt dies durch einen Link zu Ihrer Datenschutz-/Cookie-Richtlinie sowie einer Schaltfläche, die die Zustimmung anzeigt.

Drei großartige Beispiele für Cookie-Banner in Aktion (Sie werden lernen, wie Sie all diese neu erstellen!)

Okay, Sie brauchen also ein Cookie-Banner. Nun – wo steckst du es hin?

Sie können Ihr Cookie-Banner überall platzieren, solange es sichtbar genug ist, um die Aufmerksamkeit der Leser zu erregen und eine informierte Zustimmung einzuholen.

Beginnen wir mit ein paar Beispielen, und dann zeigen wir Ihnen, wie Sie jedes dieser Beispiele auf Ihrer eigenen Site duplizieren können, ohne eine einzige Codezeile schreiben zu müssen.

1. Das Cookie-Zustimmungsbanner in der unteren Leiste

Die Vinyl Factory verwendet eine minimalistische untere Leiste für ihre Cookie-Zustimmung:

2. Das Cookie-Zustimmungsbanner in der oberen Leiste

ASI, Advertising Specialty Institute, ändert die Dinge, indem es das Cookie-Banner an den Anfang der Seite verschiebt:

3. Das einschiebbare Cookie-Zustimmungsbanner

INUSUAL entscheidet sich dafür, das Cookie-Zustimmungs-Banner als Slide-In in der unteren linken Ecke anzuzeigen (Sie können dies genauso einfach nach rechts schalten):

Fügen Sie diese Cookie-Banner mit wenigen Klicks hinzu

Wenn Ihnen eines dieser Beispiele gefällt, können Sie es innerhalb weniger Minuten direkt zu Ihrer Website hinzufügen. Sehen Sie sich unten die Galerie der Cookie-Zustimmungsbanner an und klicken Sie auf die Schaltflächen "Live-Vorschau anzeigen", um sie in Aktion zu sehen. Wählen Sie dann diejenige aus, die Sie auf Ihrer Website platzieren möchten, und folgen Sie im Live-Vorschaumodus der kurzen Schritt-für-Schritt-Anleitung.

Schwimmende Stange

Minimalistische Bar

Kleberiegel

Minimalistischer Einschub

Einschub mit Bild

Möchten Sie Ihr eigenes Banner erstellen? Das können Sie auch. Befolgen Sie die nachstehende Schritt-für-Schritt-Anleitung zum Erstellen eines Cookie-Banners.

So erstellen Sie Ihr eigenes Cookie-Banner, ohne eine einzige Codezeile zu schreiben

Nun zum lustigen Teil – wie Sie ein Cookie-Zustimmungsbanner wie diese Beispiele für Ihre eigene Website erstellen können.

Alle vier oben genannten Vorlagen werden von Getsitecontrol unterstützt, einem Tool, mit dem Sie Ihrer Website mehrere Popups hinzufügen können. Widgets können schwebende Kontaktschaltflächen, E-Mail-Popups, Online-Feedback-Formulare oder … Sie haben es erraten – Cookie-Zustimmungsbanner sein .

Über eine einfache Benutzeroberfläche können Sie die Cookie-Banner anpassen:

• Platzierung
  Einschließlich aller oben genannten Beispiele und mehr
• Text
  Einschließlich einer Option, um auf Ihre Datenschutzerklärung zu verlinken
• Taste
  Sowohl der Text als auch die Farbe Ihres Buttons
• Farben
  Passend zum Design Ihrer Website

Und es enthält auch einen speziellen Reaktionsmodus, der sicherstellt, dass Ihre Cookie-Einwilligung auch für mobile Besucher gut funktioniert. So verwenden Sie Getsitecontrol, um eine Benachrichtigung zur Cookie-Einwilligung zu erstellen…

Schritt 1: Getsitecontrol zu Ihrer Website hinzufügen

Während Sie die meiste Arbeit in der Getsitecontrol-Weboberfläche erledigen, müssen Sie zunächst Getsitecontrol zu Ihrer Website hinzufügen, damit Sie Ihr Cookie-Zustimmungsbanner nach der Veröffentlichung tatsächlich anzeigen können.

Dazu müssen Sie ein Getsitecontrol-Konto erstellen. Anschließend müssen Sie Ihrer Site das Getsitecontrol-Code-Snippet hinzufügen. Wenn Sie WordPress verwenden, können Sie das Snippet am einfachsten über das offizielle Getsitecontrol-Plugin hinzufügen. Es übernimmt die Integration für Sie. Bei anderen Websites müssen Sie den Code vor dem schließenden </body> -Tag auf Ihrer Website manuell hinzufügen.

Wenn Sie sich nicht sicher sind, wie das geht, finden Sie in der Getsitecontrol-Dokumentation detaillierte Tutorials für die meisten gängigen Plattformen, darunter:

• Shopify
• Joomla
• Squarespace

Sobald Sie den Vorgang abgeschlossen haben, können Sie die Code-Button installieren in Ihrem Getsitecontrol-Dashboard, um zu überprüfen, ob der Code funktioniert:

Jetzt können Sie Ihre eigentliche Benachrichtigung zur Cookie-Einwilligung erstellen!

Schritt 2: Wählen Sie eine Vorlage aus der Galerie

Der schnellste Weg, um Ihrer Website eine Benachrichtigung zur Cookie-Einwilligung hinzuzufügen, besteht darin, mit einer Vorlage zu beginnen. Melden Sie sich in Ihrem Getsitecontrol-Dashboard an und klicken Sie auf das +Widget erstellen Schaltfläche in Ihrem Getsitecontrol-Dashboard und fahren Sie dann mit dem . fort Vorlagengalerie .

Beachten Sie, dass Cookie-Banner-Vorlagen in der Galerie bereits generischen Text enthalten. Beachten Sie jedoch, dass Sie sowohl den Text als auch das Design ändern können, wenn Sie möchten.

Wenn Sie fertig sind, wählen Sie die gewünschte Vorlage aus und folgen Sie den Anweisungen auf der rechten Seite, um sie Ihrem Getsitecontrol-Dashboard hinzuzufügen.

Schritt 3: Ändern Sie Ihr Farbthema (optional)

Vorlagen sind in zwei Standardfarbthemen verfügbar: Schwarz und Weiß. Wenn Sie jedoch möchten, dass die Farben Ihres Zustimmungsbanners mit dem Rest Ihrer Website übereinstimmen, können Sie dies über die Designeinstellungen tun. Mit Getsitecontrol können Sie die Farben festlegen für:

• Hintergrund
• Taste
• Normaler Text
• Schaltflächentext

Sie können auch ein Bild aus der Galerie hinzufügen oder eines von Ihrem Computer hochladen.

Schritt 4: Fügen Sie Ihre Inhalte hinzu

Nachdem Sie nun den Stil und die Position Ihres Zustimmungsbanners herausgefunden haben, ist es an der Zeit, die Zustimmungsnachricht an Ihre Besucher anzupassen. Ein allgemeiner Text ist bereits enthalten, aber Sie können ihn nach Belieben bearbeiten. Außerdem müssen Sie einen Link zu Ihrer Cookie-Richtlinie hinzufügen.

Um den Inhalt Ihres Banners zu konfigurieren, öffnen Sie das Textbearbeitungsmenü.

Der genaue Text, den Sie verwenden, ist nicht erforderlich – aber auch hier ist das Ziel eine „eindeutige Einwilligung nach Aufklärung“. Hier ist also eine alternative Kopie, die Sie möglicherweise verwenden möchten:

• Titel — Diese Website verwendet Cookies
• Beschreibung — Durch die weitere Nutzung unserer Website verstehen Sie, dass wir Cookies verwenden, um Ihre Erfahrung zu verbessern und Analysedaten zu sammeln. Erfahren Sie mehr in unserer Datenschutzerklärung.
• Schaltflächentext — Ich stimme zu

Unter dem Vorschaufenster können Sie sehen, wie Ihr Text für mobile Besucher angezeigt wird, wenn Sie in den mobilen Modus wechseln.

Schritt 5: Kontrollieren Sie, wann Ihr Hinweis zur Cookie-Einwilligung angezeigt wird

Um zu vermeiden, dass Besucher beim Navigieren auf Ihrer Website belästigt werden, möchten Sie sicherstellen, dass Ihr Hinweis zur Cookie-Einwilligung nicht mehr angezeigt wird, nachdem ein Besucher auf die Schaltfläche klickt Ich stimme zu Taste. Dazu können Sie die Ausrichtung Tab.

Gehe zum Stoppen Sie, um das Widget anzuzeigen Menü und wählen Sie +Bedingung hinzufügen . Dann wähle Schließung .

In diesem Fall ist die „Schließung“ der Besucher, der auf die Schaltfläche klickt, um der Verwendung von Cookies zuzustimmen. Sie müssen keine weiteren Einstellungen im Ausrichtung Tab.

Schritt 6: Aktivieren Sie Ihr Cookie-Zustimmungsbanner

Jetzt sind Sie so gut wie fertig! Alles, was Sie tun müssen, um Ihre Cookie-Einwilligung zu veröffentlichen, ist, auf das zu klicken Speichern & schließen Schaltfläche in der oberen rechten Ecke, um die Konfiguration des Banners abzuschließen.

Wählen Sie dann die Option, um Jetzt aktivieren wie von der App vorgeschlagen:

Sobald Sie dies tun, sollten Besucher den Hinweis zur Cookie-Einwilligung sehen. Und sobald sie auf die Schaltfläche klicken, um der Verwendung von Cookies zuzustimmen, wird das Cookie-Banner nicht mehr angezeigt.

Das Hinzufügen einer Cookie-Einwilligung muss nicht schwierig sein

Um Ihre Website auf der guten Seite des Cookie-Einwilligungsgesetzes zu halten, brauchen Sie keinen Entwickler. Durch die Verwendung von Getsitecontrol und den in diesem Beitrag beschriebenen Prinzipien können Sie Ihr eigenes anpassbares Cookie-Zustimmungsbanner einrichten, ohne eine einzige Codezeile schreiben zu müssen.