TYPO3 Cookie-Hinweis 

published 28 June 2018

Ein einfacher Cookie-Hinweis komplett in TypoScript als Drop-in Lösung ohne Erweiterung.

Ich hab mir mal den Spaß gemacht und in Google Trends nach TYPO3 durchsucht und herausgefunden das scheinbar sehr oft nach “TYPO3 Cookie Hinweis” gesucht wird. Wenn ich nun selbst dannach suche finde ich allerdings meist nur Erweiterungen. Das ist völlig ok, aber ich hab mir mal die Herausforderung gestellt wie simple ich diesen Hinweis implementieren kann.

Hier ist also mein simpler TypoScript Cookie-Hinweis:

page.8 = TEXT
page.8 {
    outerWrap = <div id="cookie-warning">|</div>
    wrap = <p>|</p>
    value (
        We use cookies on this website to provide you the the best possible service.
        By continuing to browse the website, you consent to our use of cookies.
    )
    lang.de (
        Wir verwenden Cookies auf dieser Website, um Ihnen den bestmöglichen Service bieten zu können.
        Indem Sie die Website weiter verwenden, stimmen Sie der Verwendung von Cookies zu.
    )
    append = TEXT
    append {
        value = Accept
        lang.de = Verstanden
        wrap = <button type="button" class="btn btn-primary">|</button>
    }
}

page.cssInline.8 = TEXT
page.cssInline.8.value (
    #cookie-warning {
        position: fixed;
        right: 0;
        bottom: 0;
        display: none;
        max-width: 320px;
        padding: 15px;
        border: 1px solid #eee;
    }
)

page.jsFooterInline.8 = TEXT
page.jsFooterInline.8.value (
    if (document.cookie.indexOf("cookies-accepted=true") === -1) {
        document.getElementById('cookie-warning').style.display = 'block';
    }

    document.getElementById('cookie-warning').onclick = function () {
        var date = new Date();
        date.setFullYear(date.getFullYear() + 1);
        document.cookie = 'cookies-accepted=true; expires=' + date.toGMTString() + '; path=/';
        this.style.display = 'none';
    };
)

Ich hab auch sicher gestellt das die cookie warnung durch Prebake blockiert werden kann.