Neuer Titel: Entwerfen eines WordPress-Cookie-Einwilligungs-Popups

Sind Sie schon einmal auf eine Website gestoßen, auf der ein kleines Fenster erscheint, in dem Sie gefragt werden, ob Sie mit der Speicherung Ihrer Cookies einverstanden sind? Dieses Fenster verschwindet nicht, es sei denn, Sie stimmen zu oder wählen eine andere Option.

Das nennen wir ein „Cookie-Zustimmungs-Popup“.

In dieser Anleitung erkläre ich, wie Sie in wenigen einfachen Schritten ein Cookie-Zustimmungs-Popup zu Ihrer WordPress-Website hinzufügen.

Aber bevor wir das WordPress-Cookie-Einwilligungs-Popup hinzufügen, müssen wir zunächst verstehen, warum Cookies überhaupt benötigt werden.

Was sind Cookies?

Einfach ausgedrückt sind Cookies kleine Dateien, die von Ihrem Webbrowser gespeichert werden und es Webservern ermöglichen, zu verfolgen, wie Sie ihre Website nutzen.

Der Zugriff auf eine Website über einen Browser mag wie ein einfacher Vorgang erscheinen, hinter den Kulissen ist er jedoch etwas komplizierter. Bevor eine Website auf Ihrem Bildschirm erscheint, findet eine Reihe von Hin- und Her-Kommunikationen zwischen Ihrem Browser und dem Server statt.

Wenn Sie eine URL eingeben, fragt Ihr Browser den Server, der die Website hostet, nach einigen Informationen. Der Server hingegen fordert Ihren Browser auf, einige Informationen zurückzugeben. Sobald beide Parteien zufrieden sind und sich die Hand geben, wird die Website sichtbar, die Sie besuchen möchten.

Hier kommen Cookies ins Spiel. Sie haben einige Optimierungen am System vorgenommen. Cookies speichern alle notwendigen Informationen über die Interaktion eines Benutzers mit der Website und übermitteln diese Informationen an den Server, damit dieser auf allen Seiten der Website und zwischen Sitzungen ein einheitliches Erlebnis bieten kann.

Wenn ein Benutzer eine Website zum ersten Mal besucht, wird ein Cookie auf seinem Computer erstellt. Wenn sie dieselbe Website erneut besuchen, wird ein Cookie an den Server gesendet, der Informationen darüber enthält, wie sie die Website zuvor genutzt haben. Wenn Sie beispielsweise in einem Online-Shop einen Artikel in Ihren Warenkorb legen, wird der Artikel normalerweise in einem Cookie aufgeführt. Auf diese Weise befinden sich Ihre Artikel immer noch in Ihrem Warenkorb, wenn Sie zu einer anderen Seite navigieren oder sogar erneut zum Geschäft zurückkehren.

Cookies wurden ursprünglich entwickelt, um die Benutzererfahrung zu verbessern und erfordern keine Erlaubnis. Allerdings werden Cookies zunehmend dazu verwendet, Benutzer auf eine Weise zu verfolgen, die sie nie beabsichtigt hatten. Da Datenschutzfragen in den letzten Jahren immer wichtiger geworden sind, verlangen einige Gerichtsbarkeiten, dass Sie die Erlaubnis der Benutzer einholen, bevor Sie Cookies von ihren Computern senden und empfangen.

Nachdem dies gesagt ist, beginnen wir mit der Erstellung unseres eigenen WordPress-Cookie-Einwilligungs-Popups und geben Ihren Benutzern die Privatsphäre, die sie verdienen.

Aber benötigt Ihre Website zuerst eine Cookie-Einwilligung?

Benötigt Ihre Website ein Cookie-Einwilligungs-Popup?

Seien wir ehrlich. Die meisten Websites verwenden Cookies. Wenn Sie sich jedoch nicht sicher sind, können Sie feststellen, ob Ihre Website Cookies speichert. Schließlich ist die Entwicklung von Cookie-Einwilligungs-Popups für Websites, die keine Cookies verwenden, nicht die beste Zeitverschwendung.

Um den Cookie-Status Ihrer Website mithilfe von Google Chrome herauszufinden, geben Sie die URL ein und warten Sie, bis sie korrekt geladen wird. Klicken Sie anschließend auf das Schlosssymbol neben der URL Ihrer Website. Im Dropdown-Menü, das angezeigt wird, sehen Sie die Anzahl der Cookies, die Ihre Website verwendet.

Wenn ein oder mehrere Cookies verwendet werden und Ihre Website von Benutzern aus der EU oder Kalifornien verwendet wird, erfordert Ihre Website ein WordPress-Cookie-Einwilligungs-Popup.

Fügen Sie Ihrer WordPress-Site ein Cookie-Einwilligungs-Popup hinzu

WordPress ermöglicht es Ihnen, mit nur wenigen Klicks ein Cookie-Einwilligungs-Popup zu Ihrer Website hinzuzufügen. Hierfür benötigen Sie keine Programmierkenntnisse. Um Ihre WordPress-Nutzung zu optimieren, sind jedoch allgemeine Informationen zu WordPress-Plugins erforderlich.

WordPress bietet eine Vielzahl von Plugins zur Integration von Cookie-Zustimmungs-Popups in Ihre Website. In diesem Tutorial verwende ich das kostenlose CookieYes-Plugin.

Installieren Sie das CookieYes-Plug-in

Sie können dieses Cookie-Zustimmungs-Popup-Plugin wie jedes andere Plugin über Ihr WordPress-Dashboard installieren.

Bewegen Sie den Mauszeiger über das Menü „Plugins“ in der linken Navigationsleiste. Wählen Sie „Neues Plugin hinzufügen“ und Sie werden zu einem neuen Fenster weitergeleitet, das alle möglichen kostenlosen Plugins enthält, die WordPress anbietet.

Suchen Sie nach

CookieYes-Plugins und installieren Sie das erste angezeigte.

Sobald die Installation abgeschlossen ist, aktivieren Sie sie und schon kann es losgehen.

Jetzt sehen wir uns an, welche Optionen Ihnen dieses Cookie-Zustimmungs-Plugin bietet.

Einstellungen zur Cookie-Einwilligung der DSGVO

Nach der Aktivierung erscheint das Plugin in der linken Navigationsleiste. Bewegen Sie den Mauszeiger über „GPDR-Cookie-Zustimmung“ und wählen Sie „Einstellungen“ aus.

Hier können Sie das WordPress-Cookie-Einwilligungs-Popup für Ihre Website anpassen.

In den Einstellungen sehen Sie fünf weitere Registerkarten, die alle verschiedene Arten der Anpassung Ihrer Popups bieten. Auf der Registerkarte „Allgemein“ können Sie Pop-ups aktivieren oder deaktivieren. Es ist standardmäßig aktiviert, wenn Sie zum ersten Mal auf die Einstellungen zugreifen. Werfen wir einen genaueren Blick auf alle Anpassungsoptionen, die die Registerkarte

Allgemein

bietet. Allgemeine Einstellungen

Auf dieser Registerkarte können Sie nicht nur Pop-ups aktivieren, sondern auch die Arten von Gesetzen auswählen, nach denen Ihre Website Cookies akzeptiert.

Jede Region hat ihre eigenen Gesetze bezüglich Cookies. Daher müssen Sie einige Recherchen durchführen, bevor Sie die am besten geeignete Option für Ihre Website auswählen.

Zusätzlich können Sie auswählen, ob das Popup nach einer Weile verschwindet, wenn der Benutzer mit dem Scrollen beginnt. Wenn das Popup auf diese Weise verschwindet, gehen Sie davon aus, dass der Benutzer der Speicherung seiner Informationen zugestimmt hat.

Auf diese Weise eine Einwilligung vorauszusetzen, ist keine gute Idee. Tatsächlich ist dies sehr unethisch, da der Benutzer hier Ihnen keine direkte Erlaubnis erteilt. Deaktivieren wir diese Option.

Jetzt gehen wir zur Anpassung des

WordPress

Cookie-Einwilligungs-Popups über. Passen Sie das Cookie-Einwilligungs-Popup an

So sieht das Popup am Anfang unten auf der Startseite aus:

Wie Sie sehen, handelt es sich hierbei eher um ein Banner als um ein Cookie-Einwilligungs-Popup.

Sobald Sie jedoch die Option „Alle akzeptieren“ auswählen, verschwindet das Popup. Es werden keine weiteren Anpassungen angezeigt, die Sie daran vorgenommen haben. Zu Testzwecken müssen Sie dieses Popup sichtbar halten, damit Sie die Änderungen sehen können. Sie können dies zulassen, indem Sie das Widget „Revisit Consent“ aktivieren.

Dies kann über die Registerkarte Anpassen

Cookie-Leiste > erfolgen.

Dadurch können Sie immer eine Schaltfläche auf Ihrer Website haben, über die Sie auf das Popup-Menü zugreifen können. Bei Bedarf können Sie auch die Position dieser Schaltfläche ändern. In diesem Tutorial befindet es sich in der unteren linken Ecke des Bildschirms.

Um das Cookie-Zustimmungsbanner in ein Pop-up umzuwandeln, scrollen Sie nach unten zur Option

Cookie-Leiste anzeigen als

und wählen Sie Pop-ups

. Bei Bedarf können Sie ein Overlay hinzufügen.

Das Hinzufügen eines Overlays zu Ihrem WordPress-Cookie-Zustimmungs-Popup verhindert, dass Benutzer auf die Website zugreifen, bis sie im Popup Maßnahmen ergreifen.

Mit anderen Optionen auf dieser Registerkarte können Sie die Hintergrundfarbe, die Schriftfarbe und den Schriftstil des Popups ändern. Sie können dem Popup auch eine benutzerdefinierte Nachricht und einen benutzerdefinierten Titel hinzufügen, eine Option, die zur Verstärkung Ihrer Markenbotschaft verwendet werden kann.

Aber gibt es eine Möglichkeit zur Schaltflächenanpassung für das Cookie-Zustimmungs-Popup?

Benutzerdefinierte Schaltflächen

Dies ist die dritte Registerkarte im Einstellungsmenü und ermöglicht es Ihnen, mit den Schaltflächen des Cookie-Einwilligungs-Popups kreativ zu werden.

Standardmäßig sind nur zwei Schaltflächen im Popup-Menü integriert.

So fügen Sie eine neue Schaltfläche hinzu:

Wählen Sie im Tag „Benutzerdefinierte Schaltflächen“ die Schaltfläche aus, die Sie hinzufügen möchten.

Kopieren Sie den Code in Klammern oben auf der Seite.

Gehen Sie erneut zur Registerkarte
1. Cookie-Leiste anpassen.
Fügen Sie den Code in das Nachrichtenfeld ein.
3. Sie können Ihrem Popup vier verschiedene Arten von Schaltflächen hinzufügen. Angenommen, wir möchten in einem Popup eine Schaltfläche zum Ablehnen für Benutzer hinzufügen, die nicht möchten, dass ihre Informationen auf dem Server gespeichert werden. Dazu fügen wir
[cookie_reject]
4. im Nachrichtendialog der
Custom Cookie Bar

-Einstellungen hinzu.

So erscheint die Schaltfläche „Ablehnen“ im Popup:

Nachdem Sie den Button integriert haben, können Sie dessen Größe, Hintergrundfarbe, Textfarbe usw. ändern. Sie können sogar einen Link zu einer anderen Webseite hinzufügen, zu der Benutzer weitergeleitet werden, wenn sie im Popup-Fenster zur Cookie-Zustimmung auf eine bestimmte Schaltfläche klicken.

Fazit

Mit nur wenigen einfachen Schritten können Sie jetzt ein Cookie-Einwilligungs-Popup in Ihre WordPress-Website integrieren. CookieYes ist nur ein Plugin. Wenn Sie möchten, können Sie weitere auf WordPress verfügbare Cookie-Plugins erkunden.

CodeCanyon verfügt außerdem über Tausende Premium-WordPress-Plugins, die Ihnen dabei helfen können, die Website Ihres Unternehmens zu verbessern. Stöbern Sie in dieser riesigen Plugin-Sammlung und Sie werden nützliche Plugins in den unterschiedlichsten Kategorien finden, von Marketing über E-Commerce bis hin zu sozialen Medien.

Hier noch ein letzter Tipp: Sie sollten Ihr Cookie-Einwilligungs-Popup so einfach und unauffällig wie möglich halten. Es trägt zum gesamten Benutzererlebnis bei. Tatsächlich gilt dieser Tipp auch für andere Pop-ups, die Sie auf Ihrer Website anzeigen möchten.

Das obige ist der detaillierte Inhalt vonNeuer Titel: Entwerfen eines WordPress-Cookie-Einwilligungs-Popups. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!