Slavlee Cookie Control

Slavlee Cookie Control expects to set the page id of the privacy page. See D) Usage for more information.

That's it!

Enable

This enables the whole extension.

Privacy Page

The GDPR force you to inform your users about all features and tools that are handling personal data. That's why Slavlee Cookie Control expects a page id of your privacy page. You can and must set the id in this option.

Tracking Tool

If you are using any kind of tracking tool, then enable this option. This will include one more paragraph in the Cookie alert box for the advanced mode.

Mode

There are currently two different modes:

• simple (this is default)
• advanced

The simple mode shows a alert box at the top of the page with a generic paragraph to inform your users, that your site is using cookies. This paragraph also include a hyperlink to your privacy page.

The advanced mode shows a form, where the user must decide if they want to enable or disable cookies. If he chooses to disable cookies, then all cookies set for this page will be deleted.
Inside the modal box, the user gets detailled information about all your set categories and services. Here the user can accept and deny single services as well.

To avoid embedding any kind of features that are setting cookies, like tracking tools. You can get the decision of the user, when he enabled cookies in TypoScript.

You can do this like so:

# If Cookie accepted, then include Google Services
[Slavlee\CookieControl\TypoScript\CookiesAcceptCondition]
page.includeCSSLibs.googlewebfont = fonts.googleapis.com/css Sans Pro:300,400,700
page.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
popup.includeCSSLibs.googlewebfont = fonts.googleapis.com/css Sans Pro:300,400,700
popup.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
[global]
    

In this example the Google Analytics and the Google Font embeddings will be added, when the user accepted the cookies.

If you are using TYPO3 V9, then you can use the Expression Language Function: cookiesAccpeted

# If Cookie accepted, then include Google Services
[cookiesAccepted()]
page.includeCSSLibs.googlewebfont = fonts.googleapis.com/css Sans Pro:300,400,700
page.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
popup.includeCSSLibs.googlewebfont = fonts.googleapis.com/css Sans Pro:300,400,700
popup.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
[END]

# And you can check if a certain category was selected and cookies accepted
# 30 ist the number for Tracking inside the plugin.tx_cookie_control.settings.categories.
[cookiesAccepted(30)]
page.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
popup.jsFooterInline.10.10.value = (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');    ga('create', '', 'auto');
[END]
    

In this example the Google Analytics and the Google Font embeddings will be added, when the user accepted the cookies.

To use this extension properly, I recommend to exclude all scripts and fonts and anything that is from Google, Facebook and any other provider for scripts that setting cookies on your page (you can do this mostly with TypoScript). Then use the CookieAcceptCondition to include all these scripts and services like in the example above.

Changing Text

If you want to change the text in the alert box, then you can do this with TypoScript with the known: _LOCAL_LANG feature. Here is an example:

page.5._LOCAL_LANG {
	default {
		cookie_control.alert.title = Alert title
		cookie_control.alert.text.I.0 = This is a alternative text for the Cookie Control extensions. <a href="%s" target="_blank" class="alert-link">Cookie Policy</a>.
		cookie_control.alert.text.I.1 = Second paragraph
		cookie_control.form.agree = Agree Button Label
		cookie_control.form.deny = Deny Button Label
		cookie_control.alert.settings = Toggle Cookie Control
		cookie_control.alert.gotit = OK!
	}

	de {
		cookie_control.alert.title = German alert title
		cookie_control.alert.text.I.0 = This is a alternative text for the Cookie Control extensions. <a href="%s" target="_blank" class="alert-link">Cookie Policy</a>.
		cookie_control.alert.text.I.1 = Second paragraph
		cookie_control.form.agree = Agree Button Label
		cookie_control.form.deny = Deny Button Label
		cookie_control.alert.settings = Toggle Cookie Control
		cookie_control.alert.gotit = OK!
 	}
}    
    

Modal Box in Advanced Mode

If you want to change the text in the modal box for the advanced mode, then you can do this with TypoScript with the known: _LOCAL_LANG feature. Here is an example:

page.5 {
  _LOCAL_LANG {
    de {
      slavlee_cookie_control.moreinfo.modalbox.title = Cookie-Zustimmung
      slavlee_cookie_control.moreinfo.modalbox.close = Schließen
      category.necessary.label = Essentielle
      category.functional.label = Funktionale
      category.statistics.label = Statistiken
      category.marketing.label = Marketing
      moreinfo.services = Dienste
      moreinfo.cookies = Cookies
      moreinfo.urls = URLs
      cookies.phpsessid = PHPSESSID
      cookies.be_lastLoginProvider = Last Login Provider for Backend
    }
  }
}        
    

You can find a complete list of all placeholders in the Resources/Private/Language/locallang.xlf file.

Insert Slavlee Cookie Control on your TYPO3 page

The extension will be set with TypoScript at the position page.5 by default. If this position is already occupied in your TYPO3 page, then you have to set the extension on your own. You can do this like so:

page.5 = USER
page.5 {
	userFunc = TYPO3\CMS\Extbase\Core\Bootstrap->run
	extensionName = CookieControl
	pluginName = CookieControl
	vendorName = Slavlee
	controller = CookieControl
	action = show
	view < plugin.tx_cookie_control.view
	persistence < plugin.tx_cookie_control.persistence
	settings < plugin.tx_cookie_control.settings
}    
    

Simply choose a different number than 5 that don't disturb your TYPO3 page.