JSPM

cookieima

1.0.0
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 4
    • Score
      100M100P100Q18971F
    • License MIT

    Comply to the European cookie law

    Package Exports

    • cookieima

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (cookieima) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    npm GitHub contributors

    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 type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
    
    <script type="text/javascript">
    tarteaucitron.init({
        "privacyUrl": "", /* Privacy policy url */
    
        "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
        "cookieName": "tarteaucitron", /* Cookie name */
    
        "orientation": "middle", /* Banner position (top - bottom) */
    
        "showAlertSmall": false, /* Show the small banner on bottom right */
        "cookieslist": false, /* Show the cookie list */
        
        "showIcon": true, /* Show cookie icon to manage cookies */
        "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
      }
    };