Introduction

What does it do?

wacon_cookie_management(WCM) is a TYPO3 extension that enables website owner to comply to the General Data Protection Regulation (GDPR) in terms of the usage of cookies an the inclusion of external ressources. The Plugin displays a cookie consent box whenever the permission of a website visitor is necessary (so called "opt-in" method), saves the settings and generates a cookie to identify the user in further page requests.

Types of cookies

If you run a website you have to consider at least two types of cookies:

  • necessary cookies are those which are essential for a website to run properly (e.g. session cookies for a shopping cart or a password protected login area)
  • non-essential cookies like tracking or third party cookies. These cookies are usually not necessary (in a technical sense) to run a website and are therefore subject to approval.

Most common external ressources

Ask the website visitor for consent BEFORE you use:

  • social media plugins (e.g. "timelines")
  • Google Maps
  • external fonts (we recommend to install fonts locally)
  • YouTube videos
  • all other services included via iframe from an external server

Screenshots

The layout, position, content, images and options can be fully customized. Here are some samples:

Sample of wacon_cookie_consent_box

Frontend view of the cookie consent box

Link to open the cookie consent box

Visitors can change their preferences on any page via a link at the page

frosted glass effect

"Frosted glass effect" to visualize a required consent

Installation

Composer installation

Install the extension via composer by using the following command

composer req waconcookiemanagement/wacon-cookie-management
Copied!

Installation via Extension Manager

Search for wacon_cookie_management and choose the proper version:

Install

Install WCM via Extension Manager

Include in your Template

Include the WCM Template in your Site Template:

Install

Include static Template Wacon Cookie Management

Configuration

Loading of jQuery

This extensions loads its own jQuery file. You can disable it by adding the following TypoScript inside your constants.typoscript or by editing the constants inside the constant editor in the Template module.

plugin.tx_waconcookiemanagement_cookiefreigabe.settings.includeJQuery = 0
Copied!

Define your cookies

Create a new folder for your cookies (here "WCM").

Set the folder in TypoScript inside your constants.typoscript or by editing the constants inside the constant editor in the Template module.

plugin.tx_waconcookiemanagement_cookiefreigabe.settings.cookieStorage = {your pid}
Copied!

Go to the list module an create a "Cookie" record for each cookie you use on your website

New Cookie record

Define new cookie

Fill out the fields as accurate as possible

Cookie information

Fields of a Cookie record

Edit Cookie information when needed

Edit Cookie information

Edit Cookie information

Define folder for scripts in <head>-Tag

Create a new folder for your scripts you want to include in the <head>.

Set the folder in TypoScript inside your constants.typoscript or by editing the constants inside the constant editor in the Template module.

plugin.tx_waconcookiemanagement_cookiefreigabe.settings.headerScriptStorage = {your pid}
Copied!

For Editors

Manage cookies

Manage your cookies by selecting the corresponding folder in the List module:

Create or edit a cookie record and supply the required information:

  • Short description
  • Cookie name
  • Category (Essential / Statistics / Marketing)
  • Vendor
  • Purpose
  • Name
  • Duration
  • Link to Privacy Policy
  • Server, that set the cookie

Use the plugin for content/script in <body>

Prevent external content to load without consent by using the plugin "Include external resource":

Plugin 'Include external resource'

Include external resource

Fill out the fields:

  • Direct accepted - the cookie is activated direct by click, you have to write this in the field "Show text if Cookie is not accepted"
  • Choose the corresponding Cookie record
  • Copy the script or html code in the field "Script"
  • Deliver text to be shown if the resource is not accepted yet by the visitor
  • And/or deliver an image to be shown if the resource is not accepted yet by the visitor ("Frosted glass effect")
  • Tell the Plugin where your Cookie records are stored
Information of an external resource

Define external resource

Use the plugin for script in <head>

Prevent external content to load without consent by using the plugin "WCM Include script in header":

Fill out the fields:

  • Choose the corresponding Cookie record
  • Copy the script or html code in the field "Script"
  • Tell the Plugin where your Cookie records are stored

Change log

Version 3.4.0

  • PHP 8.1 Bugfixes
  • Added possibility to limit the amount of days the cookie-consents will be stored in database

Version 3.3.1

  • Bugfixes

Version 3.3.0

  • Bugfixes
  • Added a switch to enable/disable the loading of jQuery inside this extension
  • Updated jQuery to current version 3.6.0
  • PHP 8.0+ compatibility

Version 3.2.12

  • Bugfix release

Known Issues

GitHub

All known issues will be listed in our GitHub Repository. If there are specific issues which will occur from time to time in several installations, they will be listed here, too.

Sitemap

Administrator Manual

Target group: Administrators

Describes how to manage the extension from an administrator point of view. That relates to Page/User TSconfig, permissions, configuration etc., which administrator level users have access to.

Language should be non / semi-technical, explaining, using small examples.

Installation

  • How should the extension be installed?
  • Are they dependencies to resolve?
  • Is it a static template file to be included?

To install the extension, perform the following steps:

  1. Go to the Extension Manager
  2. Install the extension
  3. Load the static template
  4. ...

For a list of configuration options, using a definition list is recommended:

Some Configuration
This option enables...
Other configuration
This other option is for all the rest...
Extension Manager

Extension Manager (caption of the image)

List of extensions within the Extension Manager also shorten with "EM" (legend of the image)

Configuration

  • Where and how the extension should be configured? TypoScript? PHP?
  • Are there other prerequisite to full fill beforehand? For example, configure a setting in a special way somewhere.

FAQ

Possible subsection: FAQ

Subsection

Some subsection

Sub-subsection

Deeper into the structure...

To-Do list

Give a link pointing to a roadmap. Alternatively, you can dress up a list of things you want to add or fix in this chapter or give a vision about where the extension is heading.

Users Manual

Target group: Editors

Here should be described how to use the extension from the editor perspective.

  • How does it work?

    • works well when doing this.
    • does not work so well when doing that but we can live with it.
    • mind indentation when nesting lists.
  • How to install the plugin on a web page?
  • What options are available?

Language should be non-technical, explaining, using small examples. Don't use to many acronyms unless they have been explained. Don't be confusing by putting information targeting administrators.

Admonitions should be used to warn the users about potential pitfalls, attract their attention to important elements or just add some notes for for information (further reading, for example).

Provide screenshots as needed for making things clear. When creating screenshots, try using the Introduction Package as a neutral TYPO3 CMS instance.

Backend view

Default Backend view (caption of the image)

The Backend view of TYPO3 after the user has clicked on module "Page". (legend of the image)

FAQ

Possible subsection: FAQ