Code HTML personnalisé
Pour chaque conception, vous pouvez ajouter un code HTML personnalisé. Le code HTML peut être utilisé pour personnaliser davantage la conception de la couche de consentement en y ajoutant un nouveau contenu. Un exemple courant de ceci est le consentement de vue partagée:
Dans l'exemple ci-dessus, le côté gauche du calque est le calque de consentement d'origine. Le côté droit de la couche est un code HTML personnalisé ajouté à cette conception.
Comment le code HTML est inséré dans la couche de consentement
La couche de consentement consiste généralement en un <div> élément pour la couche externe (classe CSS cmpbox) et <div> élément pour la partie interne du calque (classe CSS cmpboxinner). Si un code HTML personnalisé est utilisé, le CMP créera un autre <div> à l'intérieur de la couche externe et placez-y à la fois la couche interne et le code HTML personnalisé.
Placer le contenu l'un à côté de l'autre
Afin de placer la couche interne à côté de votre HTML personnalisé, vous pouvez utiliser CSS display:flex sur le <div> avec classe CSS cmpboxcontainer. Ici, vous pouvez voir une configuration très simple pour une couche de consentement avec un contenu gauche / droite:
Ajout d'un bouton d'acceptation personnalisé
Si tout ce dont vous avez besoin est un bouton accepter/rejeter qui n'accepte pas ou ne rejette pas tous les fournisseurs, vous pouvez le faire en utilisant des variables de configuration côté client :
<script>
window.cmp_custombutton = true;
window.cmp_custombutton_name = 'Accept recommended purposes';
window.cmp_custombutton_pos = 1;
window.cmp_custombutton_purposes = ['c53','c54'];
window.cmp_custombutton_vendors = ['s1669','s26','s19'];
</script>L'exemple de code ci-dessus ajoute un bouton avec le texte "Accepter les objectifs recommandés" en position 1 (deuxième bouton de la ligne, le premier bouton est en position 0) et lorsque vous cliquez sur le bouton, les objectifs c53 + c54 (et tous les fournisseurs sous-jacents) plus les fournisseurs s1669, s26 et s19 seront activés.
