Iubenda logo
Générer dès maintenant

Documentation

Sommaire

Intégrer la Politique de Confidentialité grâce à un code d’intégration

Cette méthode est notre méthode standard, et sûrement la plus simple. Elle consiste à inclure un bouton iubenda ou un lien dans le pied de page de votre site web, tous les deux menant à la politique de confidentialité. Celle-ci s’ouvrira dans une fenêtre de dialogue après avoir cliqué sur le bouton/lien.

Cette option n’est pas disponible pour les applications. Si vous développez des applications mobiles, vous devriez plutôt jeter un œil aux autres options d’intégration, par lien direct ou par insertion directe du texte.

Pour ajouter le bouton iubenda sur votre site, copiez simplement le fragment de code généré pour vous. Vous pouvez trouver et modifier les options d’intégration à tout moment depuis votre tableau de bord, puis en cliquant sur le site web en question. En suite, cliquez sur le bouton « Intégrer » dans la section Politique de Confidentialité et de Cookies :

iubenda_embed

Personnalisez le bouton (clair, sombre, aucun style), puis copiez le code correspondant. Voici à quoi le code ressemble :

section intégration politique de confidentialité

Où et comment insérer le code iubenda sur mon site web ?

La réponse dépend de deux facteurs :

  • Où vous souhaitez que le bouton apparaisse – La meilleure option est de l’ajouter au pied de page de votre site pour qu’il soit toujours visible et accessible (conformément à la loi). Le pied de page est facile à trouver et se situe généralement bas de votre document HTML. Vous devriez avoir un code HTML similaire à <footer>{YOUR IUBENDA CODE}</footer> ou <div id="footer">{YOUR IUBENDA CODE}</div>
  • Le système que vous utilisez – Vous ne devriez en général pas avoir de problèmes pour trouver le pied de page. Certains systèmes peuvent cependant compliquer la chose. Si vous utilisez WordPress, nous vous conseillons de consulter ce guide.

À quoi ressemble le bouton ?

Voici un exemple réel. Cliquez sur le bouton pour ouvrir la politique :

Politique de Confidentialité

Comment modifier le texte sur le bouton

Si vous souhaitez modifier le texte « Politique de Confidentialité » pour afficher un autre texte, vous devrez faire le changement vous-même.

Bouton

Pour modifier le titre du bouton (qui s’affiche lorsque vous utiliser le code d’intégration) ou le changer pour refléter la langue de votre choix, veuillez :

  1. changer le lien ;
  2. modifier le contenu du tag Title.

Vous trouverez ces deux éléments dans le code d’intégration de la politique de confidentialité, comme ci-dessous :

localisation bouton "Politique de Confidentialité"

Voici la traduction de “Politique de confidentialité” dans les 8 langues disponibles de notre générateur :

  • Néerlandais : Privacybeleid
  • Anglais : Privacy policy
  • Français : Politique de confidentialité
  • Allemand : Datenschutzerklärung
  • Italien : Privacy policy
  • Portugais : Política de privacidade
  • Russe : Политика конфиденциальности / конфиденциальность
  • Espagnol : Política de privacidad

Autres configurations

data-iub-z-index
En ajoutant cet HTML attribut HTML au tag a au code d’intégration (exemple : data-iub-z-index="10002") vous avez la possibilité de configurer la propriété « z-index » de la fenêtre pop-up affichant la Politique de Confidentialité. La valeur par défaut est 10000.

data-iub-overflow
Afin d’éviter de faire défiler la page quand la politique s’affiche, dans certaines conditions la propriété « overflow » (ou débordement) sur l’élément HMTL de la page hôte peut être modifiée (les valeurs originales sont rétablies à la fermeture de la politique). Pour certaines implémentations et certains navigateurs, ce changement peut entraîner le blocage du défilement de la page hôte. En ajoutant l’attribut HTML au tag a dans le code d’intégration de valeur false (c’est-à-dire :data-iub-overflow="false"), vous pouvez vous assurer que la propriété « overflow » ne soit pas modifiée.

Autres options d’intégration

Il existe 2 autres options d’intégration de la politique de confidentialité :

Si vous avez des questions particulières concernant l’intégration de votre politique de confidentialité, n’hésitez pas à les poser sur notre forum d’aide.

Voir également