Volto DSGVO Banner

The Volto DSGVO Banner addon gives the user the possibility to accept certain cookies.

Screenshots

When you visit the website for the first time you will get the following overlay:

If you select "Adjust Privacy Settings" you can select which cookies you want to accept:

If you view a piece of content where you haven't accepted the cookie for you will be notified and have the option to change the cookies.

There is also a block which you can insert on your data protection page to adjust the settings there.

Installation

Create a new Volto project (you can skip this step if you already have one):

npm install -g yo @plone/generator-volto
yo @plone/volto my-volto-project --addon @kitconcept/volto-dsgvo-banner
cd my-volto-project

Add @kitconcept/volto-dsgvo-bannerto your package.json:

"addons": [
    "@kitconcept/volto-dsgvo-banner"
],

"dependencies": {
    "@kitconcept/volto-dsgvo-banner": "*"
}

Download and install the new add-on by running:

yarn install

Start Volto with:

yarn start

Go to http://localhost:3000, and the cooking confirmation screen will popup.

Compatibility

From 2.0.0 version on, it supports Google Analytics 4 and deprecates version 3. If you are still using GA3, you should use a version of this package of the 1.x.x series.

Version	GA version
>=2.0.0	GA4
<2.0.0	GA3

Customization

You can customize your Google Analytics tracking id, the url where your privacy page is located and the modules you want to enable.

config.settings.DSGVOBanner = {
  ...(config.settings.DSGVOBanner || {}),
  trackingId: 'UA-123456789-1',
  modules: ['tracking', 'youtube', 'facebook'],
  privacy_url: '/privacy',
};

If you want to use Matomo instead of Google Analytics:

config.settings.DSGVOBanner = {
  ...(config.settings.DSGVOBanner || {}),
  tracker: {
    type: 'matomo',
    id: 3,
    urlBase: "https://matomo.example.com/"
  },
  modules: ['tracking', 'youtube', 'facebook'],
  privacy_url: '/privacy',
};

License

The project is licensed under the MIT license.