English

Cookie banner

The integration of the cookie banner is quite a bit more technical than the iFrames, and the work required will be impacted by the number of cookie scripts used. However if you follow the steps below, installing the banner should be no problem.

Before starting these steps, please make that following conditions are met however:

  • Your cookie policy has been published and is accessible via the "How to integrate my cookie policy and my banner?" button on your policy dashboard.

  • You know which are the scripts used to install cookies on your website, and you are able to make slight modifications to them.

Step 1: Copying the banner code

You can copy the banner code directly from the integration page. To do so, simply go the integration page via your dashboard.

You can easily copy the full code by clicking the "Copy" button at the end of the code block.

Step 2: Adding the code to your website

Once the code has been copied, it is important that it is added to every page of your website. On your Shopify website you can do this by simply adding it to your the head of your website.

To do this, go to your online store settings, and choose “Themes“. Go to your active theme and click the three dots next to “Customize“. In the dropdown menu, select “Edit code“.

Once you are in the code editor, select the file “Theme.liquid“. This file contains the head for your website, in which you should paste the banner code. Once you have pasted the code, simply click “Save“ in top right corner.

The banner should automatically adapt to the language of the website, based on the language settings of the website. It is therefor important to properly set up the languages of your website.

If for any reason the banner won't automatically adapt, or you would like to manually override the language, you can add the following attribute to the banner code: 

data-admeet-lang='fr'
where 
fr = French
en = English
nl = dutch

Step 3: Adapting your cookie scripts

To allow our banner to properly identify your cookie scripts, it is important that their code gets slightly modified. This will allow our banner to block or allow a script to be run, based on the decisions made by the user.

Once you have found the relevant cookie script(s), following changes should be made:

  1. Change the attribute type to text/plain

  2. Add an attribute data-cookieconsent={scriptType }, where {scriptType } should be replaced by the relevant cookie category, according to the following conventions:

    • necessary

    • functional

    • marketing

    • statistic

Step 4: Updating your banner

Whenever you create a new version of the banner in your Admeet application, your banner will update automatically on your website. This means that other than publishing the new version in the Admeet application no work needs to be done.

This way your banner is always up-to-date on your website, without having to adapt any code or text on your website.

If you also add new cookies on your website as a result of your new version, please refer to step 5.

Step 5: Adding new cookie scripts to your website

If you decide to start using some new cookie scripts on your website, you will need to do two things:

  • Adapt the cookie script, in the same way as mentioned above in Step 3, to assure that our banner can properly identify the new script.

  • Update your cookie policy and banner in the Admeet application, as mentioned above in Step 4, to make sure your website is always up to date.

Done with your cookie banner? Good news, you just finished the most challenging part!

PreviousCookie policy (iFrame)NextGoogle Tag Manager integration

Last updated