Comment puis-je ajouter la bannière de consentement Termly à mon site créé avec Website Builder ?

Grâce à l'extension Termly, vous pouvez améliorer votre bannière de consentement afin de personnaliser ses paramètres et son apparence, et accéder à de nombreuses autres fonctionnalités utiles qui vous aideront à mettre votre site web en conformité avec la législation sur la protection des données.

Nous allons vous expliquer ci-dessous comment ajouter la bannière de consentement mise à jour à votre site créé avec Website Builder à l'aide du composant de code.

Préférez-vous regarder une vidéo à la place ?
Nous proposons un tutoriel vidéo détaillé expliquant comment utiliser le tableau de bord Termly et ajouter la bannière de consentement à votre site créé avec Website Builder : watch sur YouTube.

• Avant de commencer
• Étape 1 - Désactivez la bannière de consentement dans le tableau de bord de Website Builder
• Étape 2 - Connectez-vous au tableau de bord Termly
• Étape 3 - Vérifiez la présence de cookies sur votre site web
• Étape 4 - Personnalisez votre bannière de consentement
• Étape 5 - Copiez le code HTML de la bannière de consentement
• Étape 6 - Sélectionnez le composant de code dans Website Builder
• Étape 7 - Intégrez le code de la bannière de consentement à votre site web
• Étape 8 - Modifier les paramètres du composant de code
• Étape 9 - Intégrez le code du centre de préférences à votre site web
• Étape 10 - Réglez l'emplacement et la mise en forme du lien vers votre centre de préférences
• Étape 11 - Enregistrez et publiez votre site web

Avant de commencer

Pour ajouter la bannière de consentement mise à jour à votre site Website Builder, vous devez disposer d'un abonnement hrefhttps://www.one.com/en/website-security/termlyhrefTermly et avoir accès au module de code de Website Builder. Le module de code est inclus dans les formules Website Builder Premium et Business + E-commerce. 

Étape 1 - Désactivez la bannière de consentement dans le tableau de bord de Website Builder

Si vous utilisez déjà la bannière de consentement de base de Website Builder (qui est également fournie par Termly), désactivez-la avant d'intégrer la nouvelle version de la bannière de consentement à votre site web.

1. Ouvrez le tableau de bord de votre créateur de site Web depuis le panneau de configuration one.com.
2. Cliquez sur « Paramètres » dans la barre de navigation principale, puis sélectionnez « Bannière de consentement » dans le menu de gauche.
3. Assurez-vous que la bannière de consentement n'est pas activée : le bouton doit être gris. Si la bannière de consentement est active, désactivez-la en cliquant sur le bouton.
4. Publiez votre site web.

Étape 2 - Connectez-vous au tableau de bord Termly

1. Connectez-vous au panneau de configuration one.com, puis cliquez sur « Consentement et conformité » dans la section « Sécurité et conformité ».

   

2. Cliquez sur le bouton bleu « Accéder à Termly ». Si vous n'avez pas encore d'abonnement à Termly, vous pouvez en souscrire un sur cette page.

   

3. Entrez votre adresse e-mail et votre mot de passe Termly, puis cliquez sur le bouton « Se connecter » pour accéder au tableau de bord Termly.

Étape 3 - Vérifiez la présence de cookies sur votre site web

1. Dans le tableau de bord Termly, cliquez sur « Gestion des consentements » > « Cookies » dans le menu de gauche.
2. Cliquez sur « Analyser maintenant ».

Étape 4 - Personnalisez votre bannière de consentement

1. Dans le menu de gauche, cliquez sur « Gestion des consentements » > « Bannière de consentement ». Sur cette page, vous pouvez modifier les paramètres et l'apparence de votre bannière.
2. Lorsque vous avez terminé, cliquez sur « Enregistrer » en bas de la page.

Pour plus d'informations sur les options de personnalisation, consultez le guide « hrefhttps://help.one.com/hc/en-us/articles/32553548143505hrefour ».

Étape 5 - Copiez le code HTML de la bannière de consentement

1. Sur la page de la bannière de consentement, cliquez sur le bouton « Installer » en haut de la page.
2. Dans la fenêtre contextuelle qui s'ouvre, vous pouvez voir l'état de l'analyse des cookies et les étapes suivantes pour l'installation de la bannière. Cliquez sur « Intégrer » à l'étape 2.
3. Dans la fenêtre suivante, cliquez sur « HTML simple ».
4. Vous pouvez désormais voir le script à ajouter au composant de code de Website Builder. Vous pouvez également choisir d'activer ou non la fonctionnalité « Auto Blocker ». Copiez le code en cliquant sur « Copier dans le presse-papiers ».

Étape 6 - Sélectionnez le composant de code dans Website Builder

1. Accédez à l'éditeur de votre créateur de site web.
2. Dans le menu de gauche, cliquez sur « Plus » puis sélectionnez « Code ».

Étape 7 - Intégrez le code de la bannière de consentement à votre site web

1. Dans la fenêtre contextuelle, sélectionnez « Avant la fermeture de </head> » comme emplacement du code.
2. Collez le script de la bannière de consentement dans le champ, puis cliquez sur Enregistrer.

Étape 8 - Modifier les paramètres du composant de code

1. Vous pouvez désormais voir le composant de code en haut de votre page dans l'éditeur. Cliquez dessus pour ouvrir ses paramètres.
2. Dans les paramètres du composant de code, cliquez sur « Placement » et cochez la case « Appliquer à toutes les pages » afin que la bannière de consentement s'affiche sur toutes les pages de votre site web.

Étape 9 - Intégrez le code du centre de préférences à votre site web

En plus de la bannière de consentement, nous vous recommandons d'ajouter un lien vers le Centre de préférences sur votre site web. En cliquant dessus, vos visiteurs pourront modifier leurs préférences en matière de cookies.

1. Dans l'éditeur du créateur de sites Web, créez un autre composant de code en cliquant sur « Plus », puis sur « Code » dans le menu de gauche.

2. Dans la fenêtre contextuelle, sélectionnez « Normal » comme emplacement du code.

3. Copiez et collez le code suivant dans le champ, puis cliquez sur Enregistrer :

Étape 10 - Réglez l'emplacement et la mise en forme du lien vers votre centre de préférences

1. Faites glisser le composant de code « Centre de préférences » à l'endroit où vous souhaitez placer son lien sur votre site web. Nous vous recommandons de le placer dans le pied de page, car il sera ainsi visible sur toutes les pages.

2. Vous pouvez modifier l'apparence du lien en ajustant son code à l'aide de styles CSS. Cliquez sur le composant de code, sélectionnez « Modifier le code » et ajoutez les styles CSS de votre choix.
   Dans l'exemple ci-dessous, nous avons défini la couleur du lien sur noir et supprimé le soulignement :

Étape 11 - Enregistrez et publiez votre site web

Enregistrez et publiez votre site web pour que les modifications soient visibles en ligne.

Pour vérifier que votre bannière de consentement fonctionne correctement, ouvrez votre site web en mode navigation privée. Si vous ne voyez pas la bannière de consentement, essayez d'effacer vos cookies et vérifiez que vous avez bien suivi toutes les étapes décrites ci-dessus.

Articles liés :

• Premiers pas avec Termly
• Do : Ai-je besoin d'une bannière de consentement sur mon site web ?