Osano Cookie Consent JavaScript API - elements funktioniert nicht

knefie · 13. April 2021

Hallo zusammen,

ich habe bei Osano ein Javascript für Cookies gefunden. Allerdings bereitet mit der Code etwas Probleme und ich finde den Fehler nicht.

Als ich mich auf die Fehlersuche bei Google begeben habe, habe ich einen verwandten Thread in diesem Forum gefunden und hoffe, dass jemand eine Idee warum mein Customer Link nicht angezeigt wird bzw. die Default Einstellungen übernommen werden.

JavaScript

<script>
window.cookieconsent.initialise({
    container: document.getElementById("content"),
    palette: {
        popup: {
            background: "#c00000"
        },
        button: {
            background: "rgb(23,23,23)"
        },
    },
    position: 'bottom-right',
    theme: "edgeless",
    content: {
        header: 'Cookies used on the website!',
        message: 'This website uses cookies to improve your experience.',
        dismiss: 'Got it!',
        allow: 'Allow cookies',
        deny: 'Decline',
        link: 'Learn more...',
        href: 'https://www.cookiesandyou.com',
        close: '&WCF_AMPERSAND❌',
        policy: 'Cookie Policy',
        target: '_blank',
    },
    elements: {
        link: '<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="" target="_blank">...</a>',
    },
    revokable: true,
    onStatusChange: function(status) {
        console.log(this.hasConsented() ?
            'enable cookies' : 'disable cookies');
    },
    law: {
        regionalLaw: false,
    },
    location: true,
});
</script>

Alles anzeigen

Die elements sind doch dann an sich Important und sollten doch den Default Wert überschreiben oder sehe ich das falsch? Vielleicht kann mir da jemand weiterhelfen.

Danke.

Liebe Grüße

basti1012 · 13. April 2021

Ein kompletter Code würde jetzt einige Fragen erleichtern.

Hast du das Cookie Script vom Anbieter eingebunden?

Es gibt viele Anbieter die verschiedene Einstellungen haben.

So geht bei mir alles

HTML

<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js"></script>
<script>
window.cookieconsent.initialise({
    container: document.getElementById("content"),
    palette:{
        popup: {background: "#c00000"},
        button: {background: "rgb(23,23,23)"},
    },
    position: 'bottom-right',
    theme: "edgeless",
    content: {
        header: 'Cookies used on the website!',
        message: 'This website uses cookies to improve your experience.',
        dismiss: 'Got it!',
        allow: 'Allow cookies',
        deny: 'Decline',
        link: 'Learn more...',
        href: 'https://www.cookiesandyou.com',
        close: '&#x274c;',
        policy: 'Cookie Policy',
            target: '_blank',
        },
        elements: {
            link: '<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="" target="_blank">...</a>',
        },
        revokable:true,
        onStatusChange: function(status) {
            console.log(this.hasConsented() ? 'enable cookies' : 'disable cookies');
        },
        law: {
            regionalLaw: false,
        },
        location: true,
});
</script>

Alles anzeigen

knefie · 14. April 2021

Vielen Dank für die Antwort. Ja ich habe das Script vom Anbieter eingebunden.

Das Script funtioniert auch schon super. Nur der der elements Part reagiert nicht auf eigenen Code.

Durch das elements soll es möglich sein eigene HTML Elemente zu integrieren.

Müsste der elemtents-link nicht den content-link überschreiben?

Sobald ich: link: 'Learn more...', und href: 'https://www.cookiesandyou.com', entferne nimmt der trotzdem die Default Einstellung.

Hintergrund ist hier das ich ein Modal über den Link Learn more erreichen möchte.

Liebe Grüße

basti1012 · 15. April 2021

Ich habe mir nicht die ganze Dokumentation durchgelesen, doch was ich gefunden habe, sagt mir das es in der kostenlose Version nicht geht.

Kann auch sein das ich, was Falsches gelesen habe, doch ich finde jetzt nichts da drüber wie du es gerne hättest.

Am einfachsten ist es immer sowas selbe zu machen.

Du erstellst dir ein Container wie du ihn gerne hättest.

Beim Seitenbesuch blendest du ihn ein und wenn der Besucher ok klickt, setzt du ein Cookie.

Macht er das nicht lässt du den Cookie weg oder schmeißt den Besucher raus.

Beim nächsten Besuch des Besicherst checkst du, ob der Cookie gesetzt wurde und wenn ja blendest du den Bannern nicht ein.

Für den Kram brauch man nicht unbedingt Fremdscripte.

Wenn du eine Firma hast oder wie bei Zeitungen, die meistens viele fremd Cookies setzen und Fremd Scripte einbinden, könnte man sich schon einen guten Cookie Banner einbinden lassen.

Für Privat sehe ich da kein großen Sinn drinnen.

DAS IST ALLES MEINE MEINUNG.

Osano Cookie Consent JavaScript API - elements funktioniert nicht

Jetzt mitmachen!

Teilen

Tags