# Cookiebanner

{% hint style="danger" %} <mark style="color:red;">**Outdated!**</mark>
{% endhint %}

## TYPO3 <a href="#typo3" id="typo3"></a>

### Version 1 (Extension) <a href="#version-1-extension" id="version-1-extension"></a>

You can use my Extension its in [TYPO3 TER](https://extensions.typo3.org/extension/cookiebanner/) and its called [cookiebanner](https://extensions.typo3.org/extension/cookiebanner/)

The Documentation can be found [here](https://github.com/Thejuse/cookiebanner/wiki/Get-Started)

***

### Version 2 (Template) <a href="#version-2-template" id="version-2-template"></a>

#### TypoScript

{% code lineNumbers="true" %}

```typoscript
page.headerData.20 = TEXT
page.headerData.20.value (
    #Insert CookieCode There
)
```

{% endcode %}

#### DemoCode

{% code lineNumbers="true" %}

```typoscript
page.headerData.20 = TEXT
page.headerData.20.value (
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
    <script>
        window.addEventListener("load", function(){
        window.cookieconsent.initialise({
        "palette": {
        "popup": {
        "background": "#780c0d",
        "text": "#ffffff"
        },
        "button": {
        "background": "#ffffff",
        "text": "#780c0d"
        }
        },
        "content": {
        "message": "Diese Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen.",
        "dismiss": "OK",
        "link": "Mehr erfahren",
        "href": "/impressum/"
        }
        })});
    </script>
)
```

{% endcode %}

***

### StaticCode

{% code lineNumbers="true" %}

```html
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
    window.addEventListener("load", function(){
    window.cookieconsent.initialise({
    "palette": {
    "popup": {
    "background": "#000"
    },
    "button": {
    "background": "#f1d600"
    }
    }
    })});
</script>
```

{% endcode %}