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
- Supports TypoScript Constants processing inside the cookie HTML (development sponsored by Gesellschaft für Informatik - gi.de) - !Feature must by enabled inside the extension settings
- Documentation on german
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 text and 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 - extension settings):
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 only via javascript. Trying to set a piece of html with javascript that should load 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 other stuff based on this, like loading google maps and so on when the right group is set.
TypoScript Constants processing (default: false - extension settings):
you can use inside the HTML part of your cookie configuration typoscript constants like {$page.trackingid}. This constants will be processed and correctly rendered on the frontend side.
Requierments
- TYPO3 7,8,9,10,11 and since the last Upgrade also TYPO3 12
- PHP >= 7.0 (probably it works also with 5.5 and 5.6 but is not tested)
- Works in IE11 and all modern Browsers