Cookie-Consent-Banner selbst erstellen 
Autor: Paul S.Liebe Community,
da meine CookieConsent-Einstellung immer noch nicht richtig funktioniert hat, habe ich mir von ChatGPT einen Code schreiben lassen und ihn in WX5 jeweils im Head- und Body-Bereich eingebunden. Trotz erheblicher Arbeit und vielen Abwandlungen funktioniert er aber leider bisher nicht. Hat jemand Ahnung, wo der Fehler liegen könnte? Einen kommerziellen Anbieter möchte ich ungern nehmen, da meine Websites viele Einzelseiten haben, ich aber wenig daran verdiene und das deshalb sehr, sehr teuer würde. Irgendwie finde ich das grenzwertig, für ein bisschen Code den Anbietern jedes Jahr hunderte von Euros in den Rachen zu werfen und finde es komisch, dass da nicht längst so ein Code im Netz zu finden ist. Oder habe ich nicht richtig gesucht?
Da ja sicher viele tausend Nutzer sich mit diesem Cookie-Consent-Problem herumschlagen, möchte ich mal nachfragen, ob der ein oder andere eine kostenlose oder zumindest preisgünstige Lösung hat.
Im Voraus vielen Dank!
Beste Grüße
Paul Schmitt
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cookie-Einwilligung</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #003366;
}
.cookie-banner {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 500px;
background-color: #e0e0e0;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
text-align: center;
display: none;
}
.cookie-buttons {
margin-top: 15px;
}
.cookie-button {
background-color: #003366;
color: white;
border: none;
padding: 10px 15px;
margin: 5px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.cookie-button:hover {
background-color: #002244;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var consent = localStorage.getItem("cookieConsent");
var banner = document.getElementById("cookieBanner");
if (!banner) {
console.error("Fehler: cookieBanner nicht gefunden!");
return;
}
if (consent === null) {
banner.style.display = "block"; // Banner anzeigen, wenn keine Entscheidung getroffen wurde
}
});
function acceptCookies() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "true");
// Google Tag Manager aktivieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'granted'});
}
function disablePerformanceMeasurement() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "false");
// Google Analytics deaktivieren
window['ga-disable-G-PJ0XFW00P9'] = true;
// Google Tag Manager informieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'denied'});
}
</script>
</head>
<body>
<div id="cookieBanner" class="cookie-banner">
<p>Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Bitte wählen Sie eine Option:</p>
<div class="cookie-buttons">
<button class="cookie-button" onclick="acceptCookies()">Akzeptieren</button>
<button class="cookie-button" onclick="disablePerformanceMeasurement()">Ablehnen</button>
</div>
</div>
</body>
</html>
Hast wo eine Url zum schauen?
https://spirituelle-werte.de müsste das sein.
Aber das Skript ist nur der Quellcode und nicht wirklich ein Cookiebanner Skript. Das müsste normlerweise sehr viel mehr Javascript Code sein.
So viele Seiten sind auf deiner Website nicht, aber es sind mehr als die erlaubten Seiten wo es Gratis wäre bei Cookiebot! Aber mehr als € 15,-- im Monat kostet es auch nicht.
(It > De) ... der von Ihnen gepostete Code entspricht dem Cookie-Banner des Programms für technische Cookies und wird mit einem Klick angewendet ...
... Ohnehin. wenn Sie Ihren eigenen Code verwenden möchten, müssen Sie in Schritt 1 – Experte, 3. Option, ein einfaches Kopieren/Einfügen durchführen, „bevor Sie das /HEAD-Tag schließen, und nur den Code einfügen, der in den Style- und Script-Tags enthalten ist:
<style>
***
</style>
<script>
***
</script>
------------------------------------------------
...dann kopiere den kompletten Div-Tag,
<div>
***
</div>
...ohne andere Seiten-Tags und fügen Sie sie in Schritt 1 - Experte 6. Option ein, Vor dem Schließen des /BODY-Tags...
.
ciao
.
Autor
Vielen Dank, besonders an KolAsim.
Leider funktioniert es bei mir nicht - es erscheint kein Cookie-Banner, gar nichts. Ich bin aber auch kein Experte; da ist sicher wieder eine Kleinigkeit, die die Auslieferung verhindert.
Ist jemand bereit, mir einen Code zu liefern, den ich einfach nur einbinden muss? Da ich lediglich eine Lösung ohne dauerhafte Kosten suche, bin ich gerne bereit, dafür 50.- €, oder bei viel Aufwand auch mehr, zu zahlen. Es muss dann allerdings zuverlässig funktionieren.
Kommerzielle Lösungen summieren sich im Laufe der Jahre auf vierstellige Summen, nur, um Google Analytics dann ein- oder auszuschalten. Das finde ich zu viel und würde es nur dann anwenden, wenn sich sonst keine Lösung finden lässt. Meine Seite bringt kein Geld, sondern verursacht nur Kosten, die ich gerne gering halten möchte.
Autor
P. S.: Wenn der Code nicht öffentlich eingestellt werden soll, können wir es natürlich auch gerne über E-Mail regeln.
Der Code ist falsch eingefügt! Deshalb ist der interne Banner von WSX5 komplett fixiert!
Wenn du Hilfe benötigst beim Einfügen des Codes, dann könnte ich per TeamViewer helfen!
Autor
@Andreas S.
Das wäre natürlich super! Wann und wie treffen wir uns?
... dieser Schlüssel G-PJ0XFW00P9 in Ihrem Code ist Ihre persönliche Tracking-ID für Google Analytics…?…
...falls ja und Interesse besteht, kann ich Ihren Code in dynamischen JS-Code umwandeln, der sich mit einem einfachen und einmaligen Kopieren/Einfügen anwenden lässt...
...falls Sie Interesse haben, lassen Sie es mich wissen...
...
... allerdings scheint es mir bei der Betrachtung Deines Codes so, als ob eine Aktion fehlt, die mit der Schaltfläche [Ablehnen] verknüpft werden kann, beispielsweise die Weiterleitung auf eine Höflichkeitsseite…
.
ciao
.
Autor
Ja, der Schlüssel G-PJ0XFW00P9 ist richtig. Und mein Interesse an einer einfachen und guten Lösung ist definitiv groß. Hat ein dynamischer JS-Code Vorteile? Vermutlich.
Das mit der Höflichkeitsseite verstehe ich nicht so ganz. Ist es nicht so, dass beim Cookie-Consent-Banner bei "Ablehnen" die Seite ganz normal weiterläuft, aber nicht getrackt wird, und bei OK die Daten an Google Analytics weitergegeben werden können? Oder bin ich irgendwie im falschen Gleis?
Also das Angebot steht; es hat allerdings auch Moderator Andreas S. schon seine Hilfe angeboten. Da können Sie sich sicher einigen? Am verlockendsten erscheint mir ja das einfache Copy/Paste eines dynamischen JS-Codes.
Eine Frage noch: Textabwandlungen wären dann auch für mich noch machbar? So würde ich z. B. den Text "Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern" ersetzen durch: "Liebe Besucherinnen und Besucher, Sie selbst bleiben für mich anonym. Ihre Zustimmung würde aber helfen, diese kostenlose Seite inhaltlich sehr zu verbessern und effektiver zu machen. Möchten Sie trotzdem ablehnen:"
Beste Grüße
Paul Schmitt
... OK ... dies ist mein Code im dynamischen JS-Format, der Ihren überarbeitet und das Style-Tag entsprechend angepasst hat …
...Sie müssen nur einmal kopieren und einfügen im Codeabschnitt von Schritt_1 > 5. Option:
<script>
/**byK**/styleK = '<style>.cookie-banner { font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: '+
'#f5f5f5;color: #003366;position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);z-index:2;'+
'width: 90%;max-width: 500px;background-color: #e0e0e0;padding: 20px;'+
'box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;'+
'z-index:1000000;text-align: center;display: none;}'+
'.cookie-buttons {margin-top: 15px;}'+
'.cookie-button {background-color: #003366;color:white;border: none;'+
'padding: 10px 15px;margin: 5px;border-radius: 5px;cursor: pointer;'+
'font-size: 14px;}'+
'.cookie-button:hover {background-color: #002244;}</style>';
//----------------------------------------------------
divK = '<div id="cookieBanner" class="cookie-banner">'+
'<p>Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Bitte wählen Sie eine Option:</p>'+
'<div class="cookie-buttons">'+
'<button class="cookie-button" onclick="acceptCookies()">Akzeptieren</button>'+
'<button class="cookie-button" onclick="disablePerformanceMeasurement()">Ablehnen</button></div></div>';
$("head").append(styleK);
$("body").append(divK);
//---------------------------------------------
document.addEventListener("DOMContentLoaded", function() {
var consent = localStorage.getItem("cookieConsent");
var banner = document.getElementById("cookieBanner");
if (!banner) {
console.error("Fehler: cookieBanner nicht gefunden!");
return;
}
if (consent === null) {
banner.style.display = "block"; // Banner anzeigen, wenn keine Entscheidung getroffen wurde
}
});
function acceptCookies() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "true");
// Google Tag Manager aktivieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'granted'});
}
function disablePerformanceMeasurement() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "false");
// Google Analytics deaktivieren
window['ga-disable-G-PJ0XFW00P9'] = true;
// Google Tag Manager informieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'denied'});
}
</script>
.
.
... grundsätzlich müssen Sie meinen Code in diesen Abschnitt einfügen:
>> Schritt 1 - Einstellungen > Statistiken und Code > Funktionen im Bereich Code >
▪ Benutzerdefinierter Code: > 5^opzione > Nach dem <BODY>-Tag
.
ciao
.
Autor
Vielen Dank! Leider rührt sich noch nichts.
Wie gesagt, ich bin absolut kein Experte. Ich habe den Code kopiert. Dann bin ich in WX5-Pro in Einstellungen>Statistiken und Code>Code>"nach dem HEAD-Tag" gegangen und habe es in Zeile 48 hinter <style> im <script>-Bereich durch Ihren Code ersetzt. Es endet in Zeile 95 und 96 mit </script>
</head> .
Ich hänge einfach mal den kompletten Code an:
"nach dem HEAD-Tag:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cookie-Einwilligung</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #003366;
}
.cookie-banner {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 500px;
background-color: #e0e0e0;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
text-align: center;
display: none;
}
.cookie-buttons {
margin-top: 15px;
}
.cookie-button {
background-color: #003366;
color: white;
border: none;
padding: 10px 15px;
margin: 5px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.cookie-button:hover {
background-color: #002244;
}
</style>
<script>
/**byK**/styleK = '<style>.cookie-banner { font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: '+
'#f5f5f5;color: #003366;position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);z-index:2;'+
'width: 90%;max-width: 500px;background-color: #e0e0e0;padding: 20px;'+
'box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;'+
'z-index:1000000;text-align: center;display: none;}'+
'.cookie-buttons {margin-top: 15px;}'+
'.cookie-button {background-color: #003366;color:white;border: none;'+
'padding: 10px 15px;margin: 5px;border-radius: 5px;cursor: pointer;'+
'font-size: 14px;}'+
'.cookie-button:hover {background-color: #002244;}</style>';
//----------------------------------------------------
divK = '<div id="cookieBanner" class="cookie-banner">'+
'<p>Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Bitte wählen Sie eine Option:</p>'+
'<div class="cookie-buttons">'+
'<button class="cookie-button" onclick="acceptCookies()">Akzeptieren</button>'+
'<button class="cookie-button" onclick="disablePerformanceMeasurement()">Ablehnen</button></div></div>';
$("head").append(styleK);
$("body").append(divK);
//---------------------------------------------
document.addEventListener("DOMContentLoaded", function() {
var consent = localStorage.getItem("cookieConsent");
var banner = document.getElementById("cookieBanner");
if (!banner) {
console.error("Fehler: cookieBanner nicht gefunden!");
return;
}
if (consent === null) {
banner.style.display = "block"; // Banner anzeigen, wenn keine Entscheidung getroffen wurde
}
});
function acceptCookies() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "true");
// Google Tag Manager aktivieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'granted'});
}
function disablePerformanceMeasurement() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "false");
// Google Analytics deaktivieren
window['ga-disable-G-PJ0XFW00P9'] = true;
// Google Tag Manager informieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'denied'});
}
</script>
</head>
und im Body-Bereich:
"vor dem </BODY-Tag>
<body>
<div id="cookieBanner" class="cookie-banner">
<p>Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Bitte wählen Sie eine Option:</p>
<div class="cookie-buttons">
<button class="cookie-button" onclick="acceptCookies()">Akzeptieren</button>
<button class="cookie-button" onclick="disablePerformanceMeasurement()">Ablehnen</button>
</div>
</div>
</body>
</html>
Ist das so korrekt? Und muss ich noch den Cookie-Speicher in Firefox vorher komplett löschen? Erscheint das Banner dann bei jedem neuen Besuch der Website?
Sie sehen, Fragen über Fragen.
Beste Grüße
Paul Schmitt
Autor
Sorry, ich habe die 2. Anweisung übersehen. Ich probiere es aus und melde mich dann gleich.
Autor
Im Moment sieht es in der Vorschau in WX5-Pro so aus:
Autor
Ich muss noch erwähnen, dass im Moment, im Zuge des Ausprobierens, kein Google-Tag-Manager eingerichtet ist. Damit hatte ich auch Schwierigkeiten und Fehlermeldungen. Kann man das ganze notfalls ohne den betreiben?
Autor
Für heute muss ich leider schließen. Vielleicht finden wir morgen die Lösung.
Vielen Dank erst einmal und
beste Grüße
Paul Schmitt
Schau mal auf meine Website! LINK
...wenn ich mir jedoch Ihren Screenshot ansehe, scheint es mir klar, dass Sie das <script>-Tag nicht wie in meinem Code berichtet eingefügt haben(!):
<script>
xxx - der gesamte Code - xxx
</script>
.
ciao
.
Autor
@ KolAsim
Genau dieser Code und nur dieser Code ist innerhalb des Body-Bereichs, mit diesem Ergebnis. Den Header vom Beginn habe ich eben auch nochmal eingefügt, es hat aber nichts geändert. Hier nochmal der komplette Code:
nach dem Head-tag
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cookie Consent</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #003366;
}
.cookie-banner {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 500px;
background-color: #e0e0e0;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
text-align: center;
}
.cookie-buttons {
margin-top: 15px;
}
.cookie-button {
background-color: #003366;
color: white;
border: none;
padding: 10px 15px;
margin: 5px;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.cookie-button:hover {
background-color: #002244;
}
</style>
</head>
Innerhalb des Body-Tag:
<script>
/**byK**/styleK = '<style>.cookie-banner { font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: '+
'#f5f5f5;color: #003366;position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);z-index:2;'+
'width: 90%;max-width: 500px;background-color: #e0e0e0;padding: 20px;'+
'box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;'+
'z-index:1000000;text-align: center;display: none;}'+
'.cookie-buttons {margin-top: 15px;}'+
'.cookie-button {background-color: #003366;color:white;border: none;'+
'padding: 10px 15px;margin: 5px;border-radius: 5px;cursor: pointer;'+
'font-size: 14px;}'+
'.cookie-button:hover {background-color: #002244;}</style>';
//----------------------------------------------------
divK = '<div id="cookieBanner" class="cookie-banner">'+
'<p>Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Bitte wählen Sie eine Option:</p>'+
'<div class="cookie-buttons">'+
'<button class="cookie-button" onclick="acceptCookies()">Akzeptieren</button>'+
'<button class="cookie-button" onclick="disablePerformanceMeasurement()">Ablehnen</button></div></div>';
$("head").append(styleK);
$("body").append(divK);
//---------------------------------------------
document.addEventListener("DOMContentLoaded", function() {
var consent = localStorage.getItem("cookieConsent");
var banner = document.getElementById("cookieBanner");
if (!banner) {
console.error("Fehler: cookieBanner nicht gefunden!");
return;
}
if (consent === null) {
banner.style.display = "block"; // Banner anzeigen, wenn keine Entscheidung getroffen wurde
}
});
function acceptCookies() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "true");
// Google Tag Manager aktivieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'granted'});
}
function disablePerformanceMeasurement() {
document.getElementById("cookieBanner").style.display = "none";
localStorage.setItem("cookieConsent", "false");
// Google Analytics deaktivieren
window['ga-disable-G-PJ0XFW00P9'] = true;
// Google Tag Manager informieren
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({'event': 'cookie_consent', 'cookieConsent': 'denied'});
}
</script>
Ich brauche wirklich beim Script ganz genaue Anweisungen, wie im PC-Anfängerclub. Bitte nichts als selbstverständlich voraussetzen nach dem Motto: "Aber das muss nun doch jeder wissen ..."
Am besten von vorne bis hinten den gesamten Code mit dem genauen Platz.
Autor
@ Andreas S.:
Die CookieConsent-Leiste sieht sehr gut aus, und so etwas brauche ich auch. Im Moment hat allerdings KolAsim schon Arbeit in die Sache gesteckt. Sollten wir nicht weiterkommen, melde ich mich.
Vielen Dank und schöne Grüße
Paul Schmitt
Autor
@ KolAsim
".. um bewerten zu können musst du den LINK posten..."
Welchen Link meinen Sie?
Autor
@ KolAsim
... oder geht es um den Link von Andreas S., dass ich den erst einmal umsetze?
Ich weiß nicht, wie Sie das gemacht haben, aber das abschließende > am body-Tag fehlt!!!
@KolAsim il sito è questo :
https://spirituelle-werte.de/
ah , vielleicht haben Sie Kolasims Code hier eingefügt
Eigenschaften des Body-Tags
er muss hier eingefügt werden, NACH dem Öffnen des TAG BODY
Autor
Super, vielen Dank! Endlich erscheint das CookieConsent-Banner. Das hilft mir sehr!
Ich habe 50.- € für den Code versprochen; aber jetzt waren drei Moderatoren daran beteiligt. Wie teilen wir das auf?
Nochmals danke und ein Kompliment für Ihre Hilfsbereitschaft!
Beste Grüße
Paul Schmitt
@ Claudio
Die abschließende Klammer > bei <body> sehe ich auch im Quellcode der Seite. Ich wollte das verbessern, aber im Codebereich von WX5 ist sie bei mir gar nicht drin. Würde mich auch nicht stören, solange die Website und Banner funktionieren.
... ...NEIN! Tag <style> xxx </style>
>> >>5. (fünfte) Option
.
.
Autor
Eine Frage noch: Im Browser-Tab von Firefox erscheint nun jede meiner Seiten mit der Überschrift "Cookie Consent". Wie bekommt man das weg?
...OK...ich habe gesehen, jetzt funktioniert es...
ciao
.
Autor
Hier noch das Bild dazu:
...wenn ich auf einen Banner-Button klicke, ist das Banner nicht mehr sichtbar...
ciao
.
Autor
Ja, das ist sehr gut! Aber ich meine etwas anderes: Jeder Seitentitel und auch die Auswertungen in Google Analytics sind mit "Cookie Consent" überschrieben. Das sieht natürlich nicht gut aus, und ich kann in GA nicht mehr sehen, um welche wirklichen Seiten es geht und welche Leistung sie haben.
In der Sitemap und den Seiteneigenschaften kann ich in der Sache nichts find
en.
...Sie haben es geschafft, den Code in das Programm zu integrieren...
...wie es nun funktioniert und in welcher Beziehung es zu Google Analytics steht, ist eine Frage, die das Programm nicht betrifft. Daher sollten Sie denjenigen fragen, der es Ihnen zur Verfügung gestellt hat, und Google Help...
.
ciao
.
Autor
Da ist ein Missverständnis, denn es betrifft sehr wohl WX5. Wenn jetzt jede Seite, die WX5 erzeugt, "Cookie Consent" heißt, dann kann das natürlich nicht so bleiben. Dann ist das Thema falsch, die Seiten sind nicht mehr im Tab zu identifizieren, die Suchmaschinen liefern falsche Ergebnisse, usw. Und die Lösung ist aber jetzt programmintern in WX5 für mich nicht zu finden, da brauche ich dringend den WX5-Support!
Die Erstellung des Cookie-Consent-Codes war keine Supportleistung, und deswegen habe ich auch versprochen, gerne dafür zu zahlen. Bitte sagen Sie mir, wie ich das begleichen kann. Ich bin Ihnen auch sehr dankbar dafür!
Die Folge, dass aber WX5 jetzt jede Seite mit einem einzigen Namen benennt, das muss natürlich unbedingt geändert werden.
...persönlich kann ich Sie nur auf das Programmbanner verweisen,
oder die, die Sie im Marketplace finden ...
...wenn man es nicht übertreiben will,. Vielleicht interessiert Sie dieser Trick von mir: https://helpcenter.websitex5.com/de/post/228667
... irgendwann bleibt man hier und wartet auf die Experten, auch wenn diese gegen externe Codes wenig ausrichten können...
.
Es betrifft WSX5 sicherlich nicht! Denn das Programm ist nicht zuständig für selbstgebastelte (oder fremdgebastelte Skripte) die nicht korrekt funktionieren. Natürlich kennen die Amateurskripter von ChatGPT nicht das Programm und wissen auch nicht wie man es anpasst. Wir können nur zu Diensten sein, dass es richtig eingebaut ist. OB es dann funktioniert oder nicht ist alleine deine Verantwortung.
Autor
Es gibt eine kinderleichte Lösung, die ChatGPT mir verraten hat und die ich allen hier nicht vorenthalten möchte: "Lösung: Entferne den <title>-Tag aus deinem Header komplett ...", und so funktioniert es jetzt anstandslos.
Ich teile die Ansicht vieler Foristen, dass dieser Code zum CookieConsent Bestandteil der WX5-Software sein sollte. Das wäre mal ein guter Service, der wirklich nutzerfreundlich wäre und viel Suche und Ärger ersparen könnte.
@ KolAsim: Das Angebot zur Honorierung Ihrer Arbeit mit dem Code steht weiterhin, aber ich brauche natürlich Ihre Überweisungsdaten. Wenn Sie sie nicht übermitteln, kann ich nichts tun.
... ...danke, ...aber dein Dank ist mehr als genug für mich...tschüss, ciao ...
...
.
Autor
"... irgendwann bleibt man hier und wartet auf die Experten, auch wenn diese gegen externe Codes wenig ausrichten können..."
Stimmt meiner Ansicht nach nur sehr eingeschränkt; denn man kann ja gleich die internen, richtigen Codes zur Verfügung stellen, so dass externe Codes erst gar nicht nötig werden.
In meinem Fall: Ich habe 3 Websites. Kaufe ich den CookieConsent-Service bei irgendeinem Anbieter, sagen wir mal, für 17 €/ Monat/Website, so kostet mich der Spaß 612.- € jedes Jahr. In 10 Jahren also über 6.000 € + Inflation. Wen wundert es da, dass man versucht, diesen nicht allzu aufwendigen Code irgendwoher zu besorgen und einzubinden!
Daher meine Bitte an Incomedia: Haben Sie ein Herz für Ihre Kunden und liefern Sie den Code gleich mit! Jeder normale PC-Benutzer ist mit so etwas einfach überfordert!
Autor
@ KolAsim
Ja, dann nochmals vielen Dank. Sie haben mir wirklich sehr geholfen!
Es wird zwar der Banner angezeigt und dürfte anscheinend auch funktionieren, aber dein Quellcode ist katastrophal und jetzt mit Fehlern drinnen. Ob dann bei gewissen Seiten alles funktioniert ist dahingestellt.
Sorry, aber meiner Meinung nach funktioniert das nicht!
Tracking-Cookies von google analytics und youtube werden gespeichert, bevor man seine Zustimmung gibt...
Hallöle zusammen,
was hier noch fehlt (= Essensziel) ist ein Minimierungs (links/rechts unten) ICON um seine Einstellungen Wiederrufen zu können.
1. Also, wenn ich z.B. ausversehen "Akzeptieren" angeklickt habe, das ich diese Einstellung Wiederrufen kann.
2. Sehe ich hier keine Optionen zur Auswahl ???
3. Es ist kein Link zur Datenschutzerklärung der Cookies vorhanden. ???
Dieser Banner hier ist kostenlos, aber noch einwenig Anpassungs bedürftig. Ich kann z.B. das "HIER" nicht in FETT stellen. Und auch hier gibt es kein Minimierungs Button.
Vieleicht kann KolAsim hier ein bisschen Hand anlegen

Gruß KLAUS
Hier ist der Code dazu:
Der Link zu der Datenschutzerklärung gehört natürlich geändert/angepasst.
<!-- Free Cookie Consent Notice Banner by ComplyDog at https://complydog.com/free-cookie-consent-banner -->
<script type="text/javascript">
(function(c,d,o,g){c.cdogSettings={version:"1.0.0"};o=d.getElementsByTagName("head")[0];g=d.createElement("script");g.async=1;g.src="https://app.complydog.com/cookie-consent-tool.js"+"?v="+c.cdogSettings.version+"&website="+window.location.href;g.setAttribute("cdog-campaign", c.cdogSettings.campaignId);!c.cdogInit?o.appendChild(g):"";})(window,document);
window.cdogLocalSettings = { "campaign": {"design":{"theme":{"buttons":{"color":"#FFFFFF","backgroundColor":"#5890E7","borderRadius":"3px"},"cookieWidget":{"color":"#000000","backgroundColor":"#FFFFFF","borderRadius":"12px","maxWidth":"380px"},"globalPrimaryText":{"color":"#1C1C1C"},"globalBodyBackground":{"backgroundColor":"#FFFFFF"}}},"cookieWindow":{"privacyPreferenceCenterText":"Kontrollieren Sie Ihre Privatsphäre","disclaimerText":"Diese Webseite verwendet Cookies Hinweis Auf dieser Website werden Cookies, auch von Drittanbietern, verwendet, um Ihnen personalisierte Werbebotschaften anzuzeigen. Weitere Informationen über die auf der Website verwendeten Cookies und darüber, wie diese deaktiviert werden können, finden Sie <b><a href=https://www.MEINE DOMAIN.de/datenschutz.html#cookies target=blank title=Cookies>HIER</a></b> in der Datenschutzerklärung. Wenn Sie die Navigation auf diesen Seiten fortsetzen, erklären Sie sich mit der Verwendung von Cookies einverstanden.","manageConsentPreferencesText":"Wählen Sie aus, welche Cookies aktiviert werden sollen","confirmMyChoicesText":"Meine Auswahl bestätigen","cookiesTypeStrictlyNecessary":"Unbedingt erforderliche Cookies","cookiesTypeStrictlyNecessaryText":"Unbedingt erforderliche Cookies ermöglichen die Funktionalität der Website und können nicht deaktiviert werden. Sie werden normalerweise als Reaktion auf von Ihnen getätigte Aktionen gesetzt, wie etwa das Festlegen Ihrer Datenschutzeinstellungen, das Anmelden oder das Ausfüllen von Formularen. Sie können diese Cookies blockieren oder benachrichtigt werden, aber einige Funktionen der Website funktionieren dann aber möglicherweise nicht. Diese Cookies speichern keine persönlichen Informationen.","cookiesTypePerformance":"Leistung","cookiesTypePerformanceText":"Performance-Cookies verfolgen Website-Besuche und Verkehrsquellen, um die Leistung der Website zu messen und zu verbessern. Sie liefern Informationen zu beliebten Seiten und zum Besucherverhalten. Die gesammelten Informationen sind anonym. Wenn Sie diese Cookies nicht zulassen, wissen wir nicht, wann Sie die Website besucht haben und können ihre Leistung nicht überwachen.","cookiesTypeTargeting":"Targeting","cookiesTypeTargetingText":"Targeting-Cookies sind Cookies, die unsere Werbepartner auf unserer Website platzieren können. Sie verwenden sie, um ein Profil Ihrer Interessen zu erstellen und relevante Anzeigen auf anderen Websites anzuzeigen. Sie speichern keine persönlichen Daten, verwenden jedoch die eindeutige ID Ihres Browsers und Internetgeräts. Ohne diese Cookies werden Ihnen weniger gezielte Anzeigen angezeigt.","cookiesTypeFunctional":"Functional","cookiesTypeFunctionalText":"Funktionale Cookies verbessern Ihr Website-Erlebnis durch erweiterte Funktionalität und Personalisierung. Sie werden von uns oder Drittanbietern gesetzt. Ohne sie können einige oder alle dieser Dienste möglicherweise nicht ordnungsgemäß funktionieren."},"cookieWidget":{"placement":"br","icon":"default","description":"Wir verwenden Cookies als wesentlichen Bestandteil unserer Website.","customizeSettingsText":"Einstellungen","allowAllText":"Alle zulassen","allowOnlyNecessaryText":"Nur Notwendiges zulassen","manageSettingsText":"Einstellungen verwalten","iconImageUrl":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m12.078 0c6.587.042 11.922 5.403 11.922 12 0 6.623-5.377 12-12 12s-12-5.377-12-12c3.887 1.087 7.388-2.393 6-6 4.003.707 6.786-2.722 6.078-6zm1.422 17c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm-6.837-3c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm11.337-3c1.104 0 2 .896 2 2s-.896 2-2 2-2-.896-2-2 .896-2 2-2zm-6-1c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm-9-3c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm13.5-2c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm-15-2c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm6-2c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm-3.5-1c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1z' fill='%23b9926b' fill-rule='evenodd'/%3E%3C/svg%3E"}}, "cookieTool": true}
</script>
<script type="text/plain" data-cookie-consent="functional" id="hs-script-loader" async defer src="//js.hs-scripts.com/1069267.js"></script>
<script type="text/plain" data-cookie-consent="functional">
(function(g,r,s,f){
g.grsfSettings={campaignId:'p9josq',version:'2.0.0'};
s=r.getElementsByTagName('head')[0];
f=r.createElement('script');
f.async=1;
f.src='https://app.growsurf.com/growsurf.js'+'?v='+g.grsfSettings.version
f.setAttribute('grsf-campaign', g.grsfSettings.campaignId);
!g.grsfInit?s.appendChild(f):'';
})(window,document);
</script>
- - <b><a href=https://www.MEINE DOMAIN.de/datenschutz.html#cookies target=blank title=Cookies>HIER</a></b>
++ >> <a style = ' font-weight:bold;color:navy;cursor:pointer' href='https://www.MEINE DOMAIN.de/datenschutz.html#cookies' target='_blank' title='Cookies'>HIER</a>
.
Hallo KolAsim,
danke für deine Unterstützung, es funktioniert gut.
Was eigentlich noch fehlt ist ein Minimierungs ICON (Funktion) nach Auswahl bestätigung.
Dies wäre eigentlich wichtig (Essenziell) um seine Entscheidung korrigieren zu können.
Hättest du dazu eventuell eine Lösung

...
...im Moment akzeptiert das Forum meinen Code nicht...

... das werde ich später eventuell mal ausprobieren....
.
...
...hier im Anhang hinzugefügt...!...:
↓ ↓ ↓
↓ ↓
↓
.
Hallo KolAsim,
danke für deine Unterstützung.
Also, den Code habe ich soweit drin (denk ich mal
)
1. Dieser Botton sollte aber erst dann erscheinen wenn ich eine Auswahl getroffen habe. Er erscheint aber nach einer gewissen Zeit von alleine ???
2. Wenn der Botton erscheint funktioniert er erst, wenn ich die Seite aktuallisiere (Tab neu laden bzw. STRG F5) ???
Und wenn der Footer vorhanden ist lässt er sich nich anklicken ???
Hier mal ein Link dazu: https://www.fitness-zirkel-kempten.de/TEST-SERVER_ohne-Rand_Aktuell_2/
Have a nice Weekend
Gruß
KLAUS
... ist immer sichtbar;
... ist harmlos;
...es öffnet lediglich das Fenster mit den Cookie-Optionen;
...auf die aktuelle Struktur können keine anderen Bedingungen angewendet werden.
...
... für andere Optionen sollten Sie sich ggf. an die Quelle wenden, von der Sie Ihren Code erhalten haben...
.
HALLO, ciao
.