Universal GDPR Compliant Cookie Consent Manager
This is a simple and lightweight universal web component, written in TypeScript and Vue 3.
Setting up this component on your website requires some computer skills, but it’s fairly easy and should only take a few minutes if you follow the documentation.
In addition to our easy-to-follow and thorough documentation, we’ve included a sandbox environment that allows you to effortlessly customize the text, color scheme, and, most importantly, the cookie groups and cookies your website will utilize.
With this web component you’ll be able to:
- Block setting cookies that the user did not consent to
- Version the user consents, in case of an update to your cookie policy
- Create custom cookie groups
- Ensure cookies won’t be set prematurely without user consent.
Browser Compatibility (most modern browsers):
- Google Chrome
- Mozilla Firefox
- Safari
- Opera
- Microsoft Edge
Disclaimer
The consent manager web component needs to be set up correctly and is only a part of achieving GDPR compliance. You’ll also need to provide a cookie policy page where you list the cookies your site uses and the groups these cookies fall into. (
here’s an example) This helps users understand what they are consenting to. For more info on GDPR compliance, please checkout
this link.
If you need help with setting up your component, you can contact us at
[email protected] or on our
discord server, or you can leave a comment in the comment section
If a problem occurs after making customizations to the component, you can try running the provided end-to-end tests in the code. They might help resolve the issue while waiting for our response.
Change log
- 2024.01.30 – Amended the consent callback function to return an array of indexes of the cookie groups that the user consented to
- 2024.01.14 – Updated the build process to work with the latest node version
- 2024.01.10 – Fixed issue with prior consent loading
- 2024.01.08 – Minor refactors and fixes (mostly to the sandbox environment)
