polynux
/
tarteauxmyrtilles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
RGPD friendly cookie manager
890 Commits 1 Branch 0 Tags 1.7 MiB
JavaScript 58.1%
TypeScript 36.9%
CSS 5%
Go to file
Luc MULLER be57d2a63c [Accessibilité] Ajout d'une information textuelle sur l'état courant des services. 
Le RGAA Critère 3.1 prévoit : " Critère 3.1. Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?"
https://www.numerique.gouv.fr/publications/rgaa-accessibilite/methode-rgaa/criteres/#topic3
Cette contrainte d'accessibilité n'est pas respectée par Tarte Au Citron car la seule information qui indique quel service est activé est la couleur du bouton.
Ce commit ajoute une mention, à côté du titre du service indiquant l'état courant du service en question.
Les traductions dans les différentes langues ont été faites avec Google Translate
 		2021-04-22 10:29:11 +02:00
.github Create codeql-analysis.yml 2021-03-30 09:32:51 +02:00
css Better first focus 2021-04-20 17:59:50 +02:00
lang [Accessibilité] Ajout d'une information textuelle sur l'état courant des services. 2021-04-22 10:29:11 +02:00
.gitignore Update .gitignore 2020-05-21 14:33:54 +02:00
LICENSE Initial commit 2014-09-14 13:00:55 +02:00
README.md Add a popup style 2021-03-26 12:49:58 +01:00
advertising.js New option: show a message if an adblocker is detected 2015-03-06 16:50:15 +01:00
package.json Update package.json 2021-03-29 08:53:17 +02:00
tarteaucitron.js [Accessibilité] Ajout d'une information textuelle sur l'état courant des services. 2021-04-22 10:29:11 +02:00
tarteaucitron.services.js Merge pull request #622 from beauchette/master 2021-04-19 19:03:14 +02:00

README.md

npm GitHub contributors Sponsor

tarteaucitron.js

Comply to the european cookie law is simple with the french tarte au citron.

What is this script?

The european cookie law regulates the management of cookies and you should ask your visitors their consent before exposing them to third party services.

Clearly this script will:

  • Disable all services by default,
  • Display a banner on the first page view and a small one on other pages,
  • Display a panel to allow or deny each services one by one,
  • Activate services on the second page view if not denied,
  • Store the consent in a cookie for 365 days.

Bonus:

  • Load service when user click on Allow (without reload of the page),
  • Incorporate a fallback system (display a link instead of social button and a static banner instead of advertising).

Installation guide

Visit tarteaucitron.io

How to use

<script src="/tarteaucitron/tarteaucitron.js"></script>

<script>
tarteaucitron.init({
    "privacyUrl": "", /* Privacy policy url */

    "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
    "cookieName": "tarteaucitron", /* Cookie name */

    "orientation": "middle", /* Banner position (top - bottom - middle - popup) */

    "groupServices": false, /* Group services by category */

    "showAlertSmall": false, /* Show the small banner on bottom right */
    "cookieslist": false, /* Show the cookie list */
    
    "showIcon": true, /* Show cookie icon to manage cookies */
    // "iconSrc": "", /* Optionnal: URL or base64 encoded image */
    "iconPosition": "BottomRight", /* Position of the icon between BottomRight, BottomLeft, TopRight and TopLeft */

    "adblocker": false, /* Show a Warning if an adblocker is detected */

    "DenyAllCta" : true, /* Show the deny all button */
    "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
    "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */

    "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

    "removeCredit": false, /* Remove credit link */
    "moreInfoLink": true, /* Show more info link */
    "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */

    //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */

    "readmoreLink": "", /* Change the default readmore link pointing to tarteaucitron.io */
    
    "mandatory": true /* Show a message about mandatory cookies */
});
</script>

Create custom service

tarteaucitron.services.mycustomservice = {
  "key": "mycustomservice",
  "type": "ads|analytic|api|comment|other|social|support|video",
  "name": "MyCustomService",
  "needConsent": true,
  "cookies": ['cookie', 'cookie2'],
  "readmoreLink": "/custom_read_more", // If you want to change readmore link
  "js": function () {
    "use strict";
    // When user allow cookie
  },
  "fallback": function () {
    "use strict";
    // when use deny cookie
  }
};

Thanks to the sponsors 😊

Be the first sponsor!