×

Documentation Développeur

Une fois votre site créé, vous obtiendrez un code similaire à l'exemple ci-dessous à intégrer sur les pages de votre site.
Exemple du code d'installation du bandeau
window.cookie_widget || (function () {
    var c = cookie_widget = function (f) {
        c._.push(f)
    };
    c._ = [];
    window.cookies_rgpd = {
        "id" : {$IDBANDEAU}
    }
    var u=" https://www.bandeau-cookie.com/";
    var d=document, g=d.createElement("script"),s=d.getElementsByTagName("script")[0]; 
    g.async=true; g.src=u+"v1/cookies.js"; 
    s.parentNode.insertBefore(g,s);
})();
Il vous suffira alors de copier/coller ce code avant la fin de la section <head> de vos pages.
Paramètres
Paramètre Description Exemple
$IDBANDEAU Votre identifiant de bandeau bc737779-6612-49a1-b297-7ec8b8924d26

La fonction cookie_widget sera appelée à l'initialisation du bandeau.
Exemple du code 
cookie_widget(function(){
    console.log(‘le bandeau est initialisé’);
})

Liste des commandes

Gestion des choix


.getChoice();
La fonction getChoice permet de savoir la liste des choix de l’utilisateur actuel.
Exemple du code 
cookie_widget(function(){
    let choice = cookie_widget.getChoice();
})
Résultats
{matomo: true, adword: true}
.makeChoice(array);
La fonction makeChoice permet de changer les choix d'un utilisateur. Le paramètre de cette fonction est un tableau comme par exemple: {"matomo":true,"adword":true}
Exemple du code 
cookie_widget(function(){
    val={matomo: true, adword: true}
    cookie_widget.makeChoice(val);
})
Paramètres
Paramètre Description Exemple
tableau tableau avec les choix définie { matomo :true, adword :true}

Gestion de l’affichage


Bannière de choix

.showChoiceBanner();
La fonction showChoiceBanner permet d'afficher le bandeau de choix.
Exemple du code 
cookie_widget(function(){
    cookie_widget.showChoiceBanner()
})
.hideChoiceBanner();
La fonction hideChoiceBanner permet de masquer le bandeau de choix.
Exemple du code 
cookie_widget(function(){
    cookie_widget.hideChoiceBanner()
})
.isVisibleChoiceBanner();
La fonction isVisibleChoiceBanner permet de savoir si le bandeau de choix est visible, elle renvoie « true » si le bandeau est visible.
Exemple du code 
cookie_widget(function(){
    let isVisible = cookie_widget.isVisibleChoiceBanner()
})

Bannière de refus:

.showRejectBanner();
La fonction showRejectBanner permet d'afficher le bandeau de refus.
Exemple du code 
cookie_widget(function(){
    cookie_widget.showRejectBanner()
})
.hideRejectBanner();
La fonction hideRejectBanner permet de masquer le bandeau de refus.
Exemple du code 
cookie_widget(function(){
    cookie_widget.hideRejectBanner()
})
.isVisibleRejectBanner();
La fonction isVisibleRejectBanner permet de savoir si le bandeau de refus est visible, elle renvoie « true » si le bandeau est visible.
Exemple du code 
cookie_widget(function(){
    let isVisible = cookie_widget.isVisibleRejectBanner()
})

Modale de choix:

.showModaleChoices();
La fonction showModaleChoices permet d'afficher la modale de choix.
Exemple du code 
cookie_widget(function(){
    cookie_widget.showModaleChoices()
})
.hideModaleBanner();
La fonction hideModaleBanner permet de masquer la modale de choix.
Exemple du code 
cookie_widget(function(){
    cookie_widget.hideModaleBanner()
})
.isVisibleChoiceModale();
La fonction isVisibleChoiceModale permet de savoir si la modale de choix est visible, elle renvois true si la modale est visible.
Exemple du code 
cookie_widget(function(){
    let isVisible = cookie_widget.isVisibleChoiceModale()
})

Bouton widget:

.showCookieWidget();
La fonction showCookieWidget permet d'afficher le bouton widget.
Exemple du code 
cookie_widget(function(){
    cookie_widget.showCookieWidget()
})
.hideCookieWidget();
La fonction hideCookieWidget permet de masquer le bouton widget.
Exemple du code 
cookie_widget(function(){
    cookie_widget.hideCookieWidget()
})
.isVisibleCookieWidget();
La fonction isVisibleCookieWidget permet de savoir si le bouton widget est visible, elle renvoie « true » si le widget est visible.
Exemple du code 
cookie_widget(function(){
    let isVisible = cookie_widget.isVisibleCookieWidget()
})

Gestion des événements


.on();
La fonction permet de réaliser une action lorsque un événement est réalisé les événements possibles sont :
choices:done
S'exécute lorsque un choix est réalisé
Résultats
{matomo: true, adword: true}
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("choices:done", function (response) { 
        //votre code
    });
})
banner:choices:show
S'exécute lorsque le bandeau de choix est visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("banner:choices:show", function () { 
        //votre code
    });
})
banner:choices:hide
S'exécute lorsque le bandeau de choix n'est pas visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("banner:choices:hide", function () { 
        //votre code
    });
})
banner:reject:show
S'exécute lorsque le bandeau de refus est visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("banner:reject:show", function () { 
        //votre code
    });
})
banner:reject:hide
S'exécute lorsque le bandeau de refus n'est pas visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("banner:reject:hide", function () { 
        //votre code
    });
})
modale:show
S'exécute lorsque la modale de choix des cookies est visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("modale:show", function () { 
        //votre code
    });
})
modale:hide
S'exécute lorsque la modale de choix des cookies n'est pas visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("modale:hide", function () { 
        //votre code
    });
})
widget:show
S'exécute lorsque le bouton widget est visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("widget:show", function () { 
        //votre code
    });
})
widget:hide
S'exécute lorsque le bouton widget n'est pas visible
Exemple du code 
cookie_widget(function(){
    cookie_widget.on("widget:hide", function () { 
        //votre code
    });
})