Aller au contenu principal

Afficher le privacy widget

Vous trouverez ci-dessous tout ce qu'il faut pour avoir un Privacy center Kit flottant ou un micro-bandeau à placer dans le footer.


Le RGPD exige qu'il soit clairement indiqué à l'utilisateur qu'il peut modifier ses choix à tout moment de manière simple. À ce titre, les textes par défaut des bandeaux du RGPD sont conformes. Vous devez donc créer un lien dans le footer de votre site ou dans le menu de votre application afin que l'utilisateur puisse exercer ses droits.

Affichage le widget confidentialité (privacy center)

Les utilisateurs doivent pouvoir afficher le privacy center à tout moment.

Vous pouvez soit l'appliquer vous-même, sur un lien par exemple :

<a href="#" onclick="javascript:__tcfapi('show', 2, function(){}, {jumpAt: 'privacy'})">Afficher le centre de confidentialité</a>

si votre site web est créé avec ASPX C# et le framework .NET, veuillez utiliser ceci :

<a href="#" OnClick="__tcfapi('show', 2, function(){}, {jumpAt: 'privacy'})">Afficher le centre de confidentialité</a>

Vous pouvez également utiliser l'option privacyWidget sur init. Cela donne les résultats suivants:

privacy widget

Ce bouton peut être soit positionné à l'intérieur d'un élément DOM en utilisant l'option target, soit rendu flottant en ne le spécifiant pas.

Il existe en deux versions, dark et clear.

dark privacy widget dark color

clear privacy widget clear color

Pour qu'internaute puisse le voir, il faut qu'un consentement existant ai été donné.

Exemple:

Widget flottant

<script type="text/javascript">
__tcfapi('init', 2, function(){}, {
appKey: 'PUT YOUR APPKEY',
privacyWidget: {
color: 'clear',
position: 'bottomLeft',
text: 'Privacy center',
}
})
</script>

Placeholded widget

<script type="text/javascript">
__tcfapi('init', 2, function(){}, {
appKey: 'PUT YOUR APPKEY',
privacyWidget: {
target: document.getElementById('target'),
color: 'dark',
text: 'Privacy center',
}
})
</script>
note

bottomLeft placera l'icône dans le coin inférieur gauche de votre site web.

bottomRight placera l'icône dans le coin inférieur droit de votre site.