Aller au contenu principal

Afficher le privacy widget

Vous trouverez ci-dessous tout ce qu'il faut pour avoir un Privacy Widget flottant ou un lien à placer dans le menu ou le footer.


Rappel de la législation

Selon le RGPD, il est obligatoire de donner la possibilité à l'utilisateur de modifier ses choix à tout moment et ce de manière simple. Vous avez alors deux possibilités :

  • donner accès à la CMP via un lien dans le footer ou le menu
  • donner accès à la CMP via notre "Privacy Widget"

Privacy widget

Le Privacy Widget AppConsent est un bouton qui s'affiche sur votre page internet et qui permet à l'utilisateur d'interagir rapidement avec la CMP pour gérer ses consentements.

C'est une manière simple et élégante de permettre à vos utilisateurs de gérer leurs consentements.

Privacy Widget

Implémentation

  • Vous pouvez l'implémenter via 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.

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

Pour qu'un internaute puisse le voir, il faut qu'un consentement ait déjà été donné.

Il existe en deux versions, dark et clear.

Dark Privacy WidgetClear Privacy Widget

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.