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 |
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
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 | ||
---|---|---|
| ||
document.addEventListener( 'disqus_loaded', function () { document.getElementsById("disqus_zone")[0].style.display="block"; } ); |
...