Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Cookies Consents déclenche des événements javascript dans certaines conditions. Ces événements peuvent être utilisés pour étendre son comportement, par exemple en appelant des méthodes suite à un consentement utilisateur.

Événements disponibles

Les événements suivants sont disponibles :

nom

objet

condition

<traceur>_loaded

document

Traceur <traceur> autorisé

tac.root_available

window

Applicatif opérationnel

<traceur>_loaded

document

Traceur <traceur> autorisé

tac.open_panel

window

Affichage du panneau de contrôle

tac.close_panel

window

Masquage du panneau de contrôle

tac.open_alert

window

Affichage du bandeau

tac.close_alert

window

Masquage du bandeau

...

Utilisation des événements tac.xxxxx

Il est possible de définir des fonctions qui se déclenchent sur les événements tac.* directement depuis le backoffice :

...

Il est également possible d’ajouter un event listener directement dans le code des pages concernées, par exemple :

Code Block
languagejs
window.addEventListener(
    'tac.close_panel', function () {
        // ici ma fonction
    }
);
Note

l’objet est window et pas document

Utilisation des événements <traceur>_loaded

Pour ces événements, la définition de fonction n’est pas disponible depuis le backoffice, il est nécessaire d’ajouter un event listener directement dans le code des pages concernées, par exemple :

Code Block
languagejs
document.addEventListener(
    'traceur_loaded', function () {
        // ici ma fonction
    }
);
Note

l’objet est document et pas window

Quelques exemples

rechargement de la page à la fermeture du panneau de contrôle

Depuis le backoffice :

...

Directement dans le code de la page concernée :

Code Block
languagejs
window.addEventListener(
    'tac.close_panel', function () {
        window.location.reload();
    }
);

affichage d’un élément quand l’utilisateur a consenti à un traceur particulier

Depuis le backoffice : non disponible.

Directement dans le code de la page concernée :

Code Block
languagejs
windowdocument.addEventListener(
    'disqus_loaded', function () {
        document.getElementsById("disqus_zone")[0].style.display="block";
    }
);

...