{"repo":"porscheofficial/cookie-consent-banner","free":true,"listed":false,"github":"https://github.com/porscheofficial/cookie-consent-banner","clone":"git clone https://github.com/porscheofficial/cookie-consent-banner.git","description":"The lightweight and flexible Cookie Consent Banner","language":"TypeScript","stars":176,"topics":["cookie-consent","cookies","privacy","reactjs","react","webcomponents","stenciljs","cookie-consent-banner","gdpr"],"license":"MIT","category":"self-hosted-apps","readme_excerpt":"Cookie Consent Banner 👉 See the component in action on the websites of the following projects: Simutrack and Porsche Digital Customer Relations Hub . 👈 Sometimes it's not possible to avoid cookies for which we need consent of the visitors of our web applications. For that, some kind of component might help which provides a sleek, but customizable UI with an easy to use API. That's where the Cookie Consent Banner comes in. In order to focus on the things that really matter, the Cookie Consent Banner supports us to fulfill that requirement. It visualizes the available categories, like technically required and analysis , stores the decision of the user and provides an event-based API for you to handle appropriately. And of course, the consent data is stored locally in the vistor's browser. - Consent Flow - Documentation - Web Component – Vanilla JS - React Component - Disclaimer - Contributing - License :arrows counterclockwise: Consent Flow The consent banner has two tasks: Providing a UI Component to allow visitors of your web application to choose which cookies they want to accept, and the ability to react on the choosen settings via an API. There are two typical scenarios: Either the external scripts, which set cookies are managed through a tag manager of your choice using the consent data, or the scripts are loaded or configured directly on code level. Using a Tag Manager The flow could look like this: Every script that sets cookies which require a consent from the visito","default_branch":null,"files":null,"tree":[],"storefront":"/r/porscheofficial","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/porscheofficial/cookie-consent-banner/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}