Cookie Consent with Consentua

One of Consentua’s best features is that it can be used almost anywhere

Let’s use Consentua and the consentua webSDK to create a cookie consent dialog which have been popping up a lot recently 😁.


Firstly, set up the webSDK just like any other web integration.

I am using a new single purpose interaction with the webSDK, which will be available soon!


Then create a modal/dialog and place the iframe within. Be sure to add a ‘no thanks’ button which will let the user continue without enabling the cookies you’re getting consent for.


Add logic for handling cookies, Here I’m using a simple JavaScript API for cookies (js-cookie), but using vanilla JavaScript would work just fine.


All that’s left is to add some fancy styles 🎨 or animations and to create whatever cookies the user is consenting to in the isConsented() function.

Done! 🎉🎉


Here is a codepen snippet of the complete cookie consent dialog, you can view the full code needed here.

You can also see the consentua home page use this to enable google analytics cookies (you might need to clear your cookies).

See the Pen Consentua Cookie Consent by sideshowjack on CodePen.

If you’ve not signed up with a Consentua account yet, or need some help implementing and setting up Consentua, contact us here; or head to for more information.

Contact us


Code snippet images where created with

Entelligently using Consentua



The use case from Entelligently was to get consent to capture personal data from a web app accessed by registered users. The personal data being used is your name, email, mobile number, gender, age range, location and most importantly your comfort.

Entelligently is a web service that connects buildings to people. Delivering a more comfortable and productive work environment. Whilst ensuring a building meets its expected energy performance and sustainability targets.

What does Consentua do?


Using the Consentua WebSDK Entelligently has deployed the consent service as part of the user registration form as an iframe. To see a demo of the WebSDK and the code snippet used go here: Consentua WebSDK Demo

This placement of the iframe after the user has signed up is essential as Consentua needs to append the consent request to an unique user identifier a UID.

Consentua has a dedicated Entelligently client consent service (CID), which has a service (SID), which is linked to it a private template (TID).

Which means that the credentials being used are as per the details in the box.

The Solution

The type and purpose of the personal data being processed is made clearly, in an unambiguous form and as part of the upfront registration process. Clearly meeting GDPR criteria. The user is always in control. Here is the first consent screen the user sees immediately on sign up.

Note the distinct data types and purposes being requested. And when the user agrees the change in colour as well as the slider position change give a clear transparent indication of consent granted.

The consent view is embedded as part of the user settings page. The user is free to change consent at any time.


The user can register for Entelligently once they have been given the link to access. The next view is the consent view (See above), which they are encouraged to agree to due to clear language used. Once the continue button is pressed the user is directed to the home screen.

The next phase is to be able to check consent at any time. This can be done either via the Consentua dashboard reports or via a direct API query. Check users against a particular purpose or check an individual users consent.



Here is the output from the API query for a particular user - Chris Test. The results show that for a specific purpose ID’s (156 and 272) this user has given consent - ‘True”.

It is also possible to check which users have consented to a specific purpose. This returns a list of users who have consented (all flagged as true). Their is also a report on all users registered to a service,returns a longer list of users.

The Developers view

A quote from Jack the developer for Entelligently: “It is really easy to deploy Consentua into an existing web app”

When asked why it was so easy Jack said: “All the hard work is already done for you with the iframe. Leaving me with the only bit to do was to input a userID”.

The Result The Entelligently users are happy as they can clearly see what personal data is being used for which purpose. If they do not consent for their personal data to be used, the data is still captured but their identity is not processed from an analysis perspective.

The client is happy as the building users are giving lots of personal information in return for a comfortable working environment. Happy occupants mean more productive employees. All these benefits obtained by having an audit of the consent.

The Entelligently service is happy as it has a consented to use of personal data. This personal data is essential to the success of the service that Entelligently delivers, namely a comfortable building that is connected to the people it serves.