Notre script remplace les balises input identifiées par une <iframe>. Cette balise affiche un formulaire de recueil de consentement servi par https://platform.axept.io. Les choix de l'utilisateur sont transmis de cette page vers notre API en AJAX et à la page hôte grâce à la méthode postMessage.
Quand la page hôte récupère l'info, nous mettons effectivement à jour la valeur des champs du formulaire, mais si vous souhaitez contrôler cette information directement en JS, le script d'intégration expose des méthodes dédiées que vous pouvez définir à l'initialisation du module, à travers les propriétés onToken et onChangede l'objet axeptioSettings
<script type="text/javascript">
window.axeptioSettings = {
// votre identifiant de projet
clientId: "5a7dbb3358977660f351f3d6",
// si votre utilisateur est authentifié,
// vous pouvez forcer le token s'il n'en a pas (dans ce cas nous ne générons rien)
// ou mettre le token qu'il a déjà (si c'est un client qui a déjà accepté un formulaire)
token: "my-user-unique-id",
// Si le token n'est pas spécifié, nous en générons un
// et on vous le retourne dans la méthode suivante :
onToken: function (token) {
// vous obtenez ici le token qui a été généré par Axeptio si aucun token n'était précisé
myDB.saveUserToken(token);
},
// Si vous voulez être notifié à chaque changement sur les checkboxes Axeption
// Nous mettons cette méthode à disposition :
onChange: function(checkbox, checked){
// vous renvoie le nom de la checkbox (attribut name) et sa valeur (checked est un boolean)
// vous pouvez alors déclencher les traitements (bloquer un formulaire par exemple)
if (checkbox === 'cgv'){
$('#order-form').attr('disabled', checked);
}
}
};
</script>