Hinzufügen einer zuverlässigen schwebenden Cookies-Leiste in der Fußzeile der WordPress-Website

Veröffentlicht: 2024-02-16

Hinzufügen einer schwebenden Cookie-Leiste in der Fußzeile der WordPress-Website

Heute zeigen wir Ihnen die praktischen Möglichkeiten, eine schwebende WordPress-Cookie-Leiste im Fußzeilenbereich hinzuzufügen, um Ihr Publikum darüber zu informieren, dass Ihre Website Cookies sammelt.

Inhaltsverzeichnis

Eine schwebende Cookie-Leiste wird auch als Cookie-Zustimmungsbanner oder Cookie-Benachrichtigungsleiste bezeichnet. Es handelt sich um eine gängige Funktion, die von Websites verwendet wird, um verschiedene Datenschutzgesetze wie die DSGVO in der Europäischen Union und die Datenschutzgesetze anderer Länder einzuhalten.

Dies ist eine perfekte Möglichkeit, die Konformität Ihrer Website mit allen relevanten internationalen Gesetzen, einschließlich der EU-Datenschutzrichtlinie für elektronische Kommunikation, der EU-Cookie-Richtlinie usw., zu demonstrieren.

Cookies sind wichtige Dateien oder Informationen, die von einer Website über den Webbrowser in Form von Textteilen an den PC des Benutzers gesendet werden.

Obwohl diese einfache Beschreibung schwierig klingen mag, handelt es sich dabei um einen nützlichen Mechanismus, der darauf abzielt, Online-Benutzer zu identifizieren und zu verfolgen, sich bestimmte Informationen zu merken (z. B. die Artikel, die Sie Ihrem Online-Einkaufswagen hinzugefügt haben) oder Browsing-Details und -Aktivitäten (besuchte Seiten, Anmeldungen) aufzuzeichnen.

Wenn Sie beispielsweise auf einer Website surfen, die Cookies verwendet, und Ihre persönlichen Daten eingeben, um sich anzumelden oder anzumelden, werden diese persönlichen Daten wie Name, E-Mail-Adresse usw. in ein Cookie gepackt und vom Browser zur Speicherung empfangen.

floating cookies bar WordPress

Und wenn Sie diese Website das nächste Mal besuchen, sendet Ihr Browser Cookies an den Server. Das bedeutet, dass Sie Ihre Daten nicht jedes Mal eingeben müssen, wenn Sie diese Website besuchen.

So erleichtern Cookies Ihnen das Durchsuchen und Navigieren auf Websites, das Ausfüllen von Formularen und vieles mehr.

Während die Erstellung und Speicherung von Cookies ein automatischer Prozess ist, der Ihre Webbenutzer technisch nicht stört, sind Sie verpflichtet, sie darüber zu informieren, dass Ihre Website Cookies sammelt.

Und sie müssen es akzeptieren oder einfach weitermachen (je nach Fall), was auch bedeutet, dass sie ihr Einverständnis dazu geben.

Nachdem wir nun die Bedeutung von Cookies in digitaler Form zusammengefasst haben, zeigen wir Ihnen, wie Sie eine schwebende WordPress-Cookie-Leiste im Fußzeilenbereich hinzufügen können.

Wenn Sie möchten, dass wichtige Inhalte wie der, der sich mit Cookies befasst, für Ihre Website-Besucher jederzeit sichtbar sind, fügen Sie ihn am besten in der schwebenden Fußzeile ein.

Beginnen wir mit der manuellen Erstellung einer schwebenden Cookie-Leiste in der Fußzeile mithilfe des FTP-Clients oder des cPanel-Dateimanagers.

Was FTP-Clients betrifft, müssen sie die Datei „footer.php“ in ihren WP-Themenordner einfügen und auf den Desktop herunterladen.

Der nächste Schritt besteht darin, die Fußzeile zu öffnen. php-Datei in einem beliebigen Texteditor und fügen Sie den unten genannten Code direkt vor dem Pre-Tag ein:

 <div>
<div>
<ul>
<li><a>Der Cookie-Hinweis ist der erste Punkt</a></li>
<li><a>WordPress.org ist das zweite Element</a></li>
</ul>
</div>
</div>

Als nächstes folgt der Teil der CSS-Stilsteuerelemente, die zur erforderlichen Visualisierung Ihrer schwebenden WordPress-Cookie-Leiste im Fußzeilenbereich führen. Sie können dies tun, indem Sie CSS zur style.css-Datei Ihrer Vorlage hinzufügen oder eines der benutzerdefinierten CSS-Plugins verwenden.

An dieser Stelle müssen wir jQuery verwenden, damit die in Ihrer Liste enthaltenen Elemente bei jedem Laden der Seite zufällig angezeigt werden.

Kopieren Sie den folgenden Link in einen beliebigen Texteditor:

 (Funktion($) {
this.randomtip = function(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){	
	randomtip();
});
})( jQuery );

Speichern Sie diese Datei dann als „floatingbar.js“ und verbinden Sie mit Ihrem FTP-Client Ihren Webserver. Gehen Sie nun zum Theme-Ordner und platzieren Sie den js-Ordner. Wenn es keinen solchen Ordner gibt, müssen Sie ihn erstellen und dann floatbar.js zu diesem Ordner hinzufügen.

Der nächste Schritt zum Kopieren des folgenden Codes in die Datei „functions.php“:

 Funktion wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );

Fertig! Sie haben erfolgreich die schwebende Cookie-Leiste von WordPress im Fußzeilenbereich hinzugefügt. Jetzt können Sie versuchen, Ihre Webseite neu zu laden, um die zufällige Anzeige der in Ihrer Liste enthaltenen Elemente anzuzeigen.

Wenn Sie mit all den oben beschriebenen Codierungskontrollen überfordert sind, empfehlen wir Ihnen, eine alternative Option mit weniger Aufwand rund um Codes in Betracht zu ziehen.

Es gibt nützliche WP-Plugins für Cookie-Benachrichtigung und Cookie-Zustimmung, mit denen Sie ganz einfach eine schwebende WordPress-Cookie-Leiste im Fußzeilenbereich oder an einer anderen Stelle Ihrer Website hinzufügen können.

1. Italien-Cookie-Auswahl:

italy cookie choices

download

Obwohl dieses Plugin Ihnen mehr Funktionalität bietet, als Sie möglicherweise benötigen, ist es eine der beliebtesten Cookie-bezogenen Lösungen, die Sie für Ihre WP-Site haben können.

Laden Sie den entsprechenden Ordner in Ihr Verzeichnis hoch und aktivieren Sie ihn über Ihr Dashboard, Plugins. Gehen Sie dann zu „Einstellungen“ und „Cookie-Auswahl für Italien“, um das Plugin entsprechend Ihren Anforderungen zu konfigurieren.

Mit diesem Plugin können Sie Ihre Cookie-Leiste schnell stilisieren, ändern und im Fußzeilenbereich platzieren und Ihre Website-Besucher erst beim ersten Besuch Ihrer Website über Ihre Cookie-Richtlinie informieren.

Sie können frei wählen, ob Sie Ihre Cookie-Leiste in einer Standardform mit großen oder kleinen Schaltflächen anzeigen möchten. Sie bestimmen auch die Position: oben, Dialog, unten.

2. Informationen zum Cookie-Gesetz:

download

Das nächste Plugin, das über Ihre Anforderungen hinausgeht, heißt Cookie Law Info. Dieses für Benutzer und Entwickler optimierte Plugin kann mit mehr als 200.000 aktiven Installationen und Tausenden zufriedener Kunden aufwarten.

Dieses Produkt erfordert keine Programmierkenntnisse von Ihnen und ermöglicht die Konfiguration der Cookies-Leiste mit Ihrem spezifischen Text, Ihren Farben, Ihrem Stil usw. Dadurch können Sie die Cookies-Leiste mit dem Gesamtdesign und dem Erscheinungsbild Ihrer Website kombinieren.

Was die weiteren Vorteile betrifft, die Sie haben, wenn Sie sich für Cookie Law Info entscheiden, können Sie Ihre Texte bei Bedarf in verschiedene Sprachen übersetzen, da dieses Plugin vollständig mit den Plugins WPML und qTranslate kompatibel ist.

Daher können Sie mit diesem Plugin wählen, ob Sie Ihre Cookie-Leiste in der Kopf- oder Fußzeile anzeigen möchten, die Leiste so konfigurieren möchten, dass sie nach einigen Sekunden verschwindet, oder ob Sie die Cookie-Richtlinie akzeptieren möchten, wenn der Website-Benutzer scrollt.

Andere verwandte WordPress-Plugins: WordPress DSGVO-Plugins