I – Download tarteaucitron

For download « tarteaucitron, » go to the official website. Then click « Installation Guide » at the top leftNext stape, click on « Manual Installation »Download the « GitHub » script by clicking « Source code (zip) ».

Then place it in a folder reserved for tarteaucitron. Extract the files from the « .zip » in your tarteaucitron folder.To order your file and make comprehension easier open the folder « tarteaucitron.js-1.2 ».Inside you will find a second file « tarteaucitron.js-1.2 », made a right click on it and renamed.Call the « tarteaucitron » and then make a right click on it again but this time choose to cut.

Stick it to the root of your tarteaucitron folder. Here’s the view of the folder you should have:

Delete the folder « tarteaucitron.js-1.2 » (You can also delete the « .zip » but I advise you to keep it in case a problem arises).

II – Installation code

Once you’ve created your folder and « cleaned up » you’ll need to create a code page…To do this open your code editor (SublimeText for me) and save your page in the tarteaucitron folder.Return to the official website and copy the code tip given below the link « GitHub”:

Stick it in between the « head » tags on your code page.Delete the first / in creating the path because it causes an error.

Add the tag « meta charset = “utf-8” » for accented characters.

III – Insertion of tarteaucitron service

Tarteaucitron initially has a lot of services. To insert them into your cookie headband go back to the taraucitron site and click « Nest stape » at the bottom left of the page. So you arrive on a service search page:

Search the service which you need (Google analytics for example) and copy the code:

Stick it between new « script » tags located in the head below the insatallation code.


View the headband at the opening of the page:

Viewing the small customization headband:

GREEN : Cookie(s) accepted
RED : Cookie(s) refused

Viewing customization:

IV – Create a tarteaucitron service

So here we are in the thick of it! The tarteaucitron site can no longer provide us with any more help!

To create a cookie service you will need to open the « tarteaucitron.services.js » page in a code editor and then go to the end of the cookie service to create our own service.

So we’re going to take inspiration from the services on top and retype the following code:


« key »: « NameDeClef »

« type »: « other »

« name »: « UnNom »

« uri »: «  »

« needConsent »: true,

« cookies »: [],

« js »: function ()

« strict use »;

tarteaucitron.fallback ([‘NomDeClef’]), function(x)

return ‘lt;div id' »NomDeClef »;



« fallback »: function()

« strict use »;

tarteaucitron.fallback ([‘NomDeClef’]), function (elem)

return tarteaucitron.engage (‘NomDeClef’);




Now that our service is created it is necessary to send it in a div. To do this, you have to go back to the main code page and enter that code between the <body> tags: <div id = « NomDeClef »>.


Viewing customization:

Our service is therefore present on our page!

Everything works properly BUT no cookie is present (even tarteaucitron). Indeed we always have the small 0 at the bottom right even when we accept cookies.

  This is because we don’t have a server!

Explanations of the different parameters in the installation code

When installing the code, you’ve probably seen lines of setting codes with comments in English. Here is the translation and explanation of the different parameters of the installation code:

« privacyUrl »: «  » – PRIVACY policy URL

« hashtag »: « #tarteaucitron » – Open the sign with this hashtag

« cookieName »: « tarteaucitron » – Cookie name

« orientation »: « top » – Position of the cookie headband (top – bottom)

« showAlertSmall »: true, true: Shows the small headband
customization of cookies at the bottom right

« cookieslist »: true, true: Shows a number, in the small headband of
cookie at the bottom right, which can be clicked to
View list of cookies

« adblocker »: false, true: Writes a tarteaucitron alert message detects
an adblocker of a visitor

« AcceptAllCta »: true, Shows the « Accept Everything » button when
« highPrivacy » is in a « true » state

« highPrivacy »: true, true: disables automatic consent

« handleBrowserDNTRequest »: false, If « Don’t follow »
bans everything

« removeCredit »: false, true: Deletes credit link

« MoreInfoLink »: true, true: Shows the « Learn more » and the « See the site
« official » below the cookies in the

« useExternalCss »: false, false: Takes back the initial CSS of tarteaucitron

// »cookieDomain »: « .my-multisite-domaine.fr », Cookie shared for

« readmoreLink »: « /cookiespolicy » Changes the default link
« Learn more »

Explanations of the various parameters in the service code

« key »: « NameDeClef » Name of the key that will serve you for the right
how the cookie works (VERY IMPORTANT)

« type »: « other, » Variable that will be used to categorize your cookie in the
personalisation (TRES IMPORTANT)

« name »: « UnNom » Variable that will be displayed in customization and
which will serve as the name of the cookie

« uri »: «  », Serves to redirect the visitor to the official cookie website (INUTILE
IF THE « moreInfoLink » is in the false state)

« needConsent »: true, Request for visitor consent (false:
headband does not appear and the cookie is accepted
default / true: the headband appears and leaves
the visitor’s choice to accept or
customize the cookie)

« cookies »: [ ], Variable where you drop off the cookie or cookies you want

« js »: You have to put the function that allows you to send the cookie into the
« div » « fallback »: – You have to put the function that removes the cookie

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *