Cookie Manager for TYPO3 with Optin Panel, grouping and GTM Support

Features

  • HTML/Script tag management
  • Grouping of different Cookies alias Script tags
  • Multi-domain ready
  • Multi-language ready
  • Out of the box english and german frontend redering
  • Cookie Information Table
  • Optin Panel, which loads the scripts only after the confirmation
  • Google Tag Manager support.
  • Customizable, use your own CSS or change the Fluid templates
  • Uses Custom Javascript events

Setup

Install the extension "om cookie manager" with the extension manager.

Add a folder to your page tree

Add a Cookie Panel.
INFO:the Extension will render always the first created and active panel per language

Add a cookie group

Add Cookies (inside the Cookie group) and their Script Tags.
INFO:you can setup cookies also without HTML/Script tags only for the purpose to have them listed inside info the table.

Reopen the Cookie Panel and select the groups you want to show in the optin panel. The choosen order will be respected.

Add the extension typoscript to your main template and set the right storage PID in the constants editor.
INFO: In this way you can set a diffrent folder for every domain you use.

Congratulations you are done!

INFO: if there is some visual problem inside the optin panel usually some page CSS are interfering with the delivered CSS

NOTE: There is a small attribution backlink inside the optin panel if you are a good samaritan you let it be. Thanks a lot if you decid to do so.

Setup addtional information table

Add the Plugin on the page where the information table should be shown, save and you are done again!

Addtional Information

Automatic frontend cache clear (default: true):
Inside the the extension settings you will find the option for automatic frontend cache clear when changes at groups or panels are made. Default setting is true. When you disable this setting you have to clear the cache manually after changes at groups or panels, otherwise the changes will not be rendered.

Google Tag Manager Events:
Google Tag Manager Events are pushed only when a Google Tag Manager event name is set inside the group record.

Javascript and CSS:
The assets are not minified, you can take those from the extension, save them elsewhere, modify them and adjust the path inside the constants of the extension

Adding noscript tags over the cookie manager:
this will not workout because, for now, the data is set via javascript. Trying to set a piece of html with javascript that is visible only when no javascript is available, seems not a good idea ;) .

Language keys:
The language keys can be overridden by typoscript as usually. Checkout the TYPO3 wiki

Template changes:
If you change the fluid template please have a look at the data-tags, this data tags must be preserved or the javascript functionality will break.

Javascript events and omCookieConsent cookie (for developers):
You can listen to the event "cookieconsentscriptsloaded" dispatched after the html is put at the right place and the scripts are loaded or you can use the event "cookieconsentsave" dispached after saveing the optin panel. The events are dispatched on the first element found with the data tag "data-omcookie-panel", they bubbels both. The events are quite nice to use together with the cookie "omCookieConsent" that is set after the save action, here you will find the different allowed groups (the number is the uid from the group). If you are smart you can dispatch oder stuff based on this, like loading google maps and so on when the right group is set.

Requierments

  • TYPO3 7,8 or 9
  • PHP >= 7.0 (probably it works also with 5.5 and 5.6 but is not tested)
  • Works in IE11 and all modern Browsers