cookie.eu advanced sample about

Advanced cookie consent prompt

For basic cookie prompt display, with default colors, paste this code before the closing </body> tag:

<script async src="https://www.cookie.eu/script.js"></script>

Optionally, you can overwrite info text and text on buttons, before including the script

<script>
cookie_eu_text = 'We use cookies to make our site work.';
cookie_eu_essential_cookies_button_text = 'Accept basic cookies';
cookie_eu_all_cookies_button_text = 'Accept all cookies';

// countries that will see the prompt,
// default (or missing) is 'ALL', can overwrite to list of country codes: 'AT,DE,IT'
// 'EU' would mean all countries in European Union, can also be used in list: 'EU,CA,US,IT'
cookie_eu_country_codes = 'EU';
</script>

Optionally, you can add css AFTER the script in order to customize, buttons, colors, etc:

<style>

#cookie_eu_div { display:block; background-color:#EBEBEB; border-top:1px solid #CCC; position:fixed; left:0px; bottom:0px; padding:0.5em; width:100%; box-sizing:border-box; text-align:center; }

.cookie_eu_p{ display: inline-block; margin:0.5em; line-height:1.5em;}

.cookie_eu_buttons_container{display:inline-block; }

.cookie_eu_button{color: #FFF; background-color:#003399; text-decoration:none; border:none; font-family: inherit; font-size: inherit; padding:1em; display:inline-block; box-sizing:border-box; cursor:pointer; margin:0.5em; }

.cookie_eu_button:hover{background-color: #000033; }

/* exceptions for smaller screens */
@media only screen and (max-width: 500px) {
.cookie_eu_buttons_container {width:100%;}
.cookie_eu_button { width:calc(100% - 1em); }
}
</style>