Il suffit d'ajouter le script à la page grâce à la balise suivante :
<script src="//1z1-consent.un-zero-un.net/api.js" defer></script>
C'est tout. Le reste se passe dans le back-office.
Pour désactiver le bouton par défaut (ou pas) et en utiliser un personnalisé, un événement est disponible :
document
.getElementById('custom-button')
.addEventListener('click', () => {
document.dispatchEvent(new CustomEvent('1z1-content:show-dialog'));
});
Exemple : Afficher la popup
Il est également possible d'utiliser l'événement directement dans un "onclick"
<button onclick="document.dispatchEvent(new CustomEvent('1z1-content:show-dialog'));">Afficher la popup</button>
Exemple :