Comment ajouter la bannière de consentement Termly à mon site Website Builder ?

Avec le module complémentaire , vous pouvez mettre à niveau votre bannière de consentement pour personnaliser ses paramètres et son apparence, et accéder à de nombreuses autres fonctionnalités utiles qui peuvent aider votre site web à se conformer aux lois sur la protection de la vie privée.

Vous trouverez ci-dessous les étapes à suivre pour ajouter la bannière de consentement mise à jour à votre site Website Builder à l'aide du composant de code.

Souhaitez-vous plutôt regarder une vidéo ?
Nous avons un tutoriel vidéo étape par étape sur la façon d'utiliser le tableau de bord Termly et d'ajouter la bannière de consentement à votre site Website Builder sur YouTube.

• Avant de commencer
• Étape 1 - Désactiver la bannière de consentement dans le tableau de bord de Website Builder
• Étape 2 - Connectez-vous au tableau de bord Termly
• Étape 3 - Recherchez les 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 - Choisissez le composant de code dans Website Builder
• Étape 7 - Intégrer le code de la bannière de consentement à votre site web
• Étape 8 - Modifier les paramètres du composant de code
• Étape 9 - Intégrer le code du centre de préférences à votre site web
• Étape 10 - Ajustez l'emplacement et le style de votre lien vers le centre de préférences
• Étape 11 - Enregistrer et publier votre site web

Avant de commencer

Pour ajouter la bannière de consentement mise à jour à votre site Website Builder, vous avez besoin d'un abonnement et d'un accès au composant de code de Website Builder. Le composant de code est inclus dans les plans Website Builder Premium et Business + E-commerce. 

Étape 1 - Désactiver 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 bannière de consentement améliorée à votre site web.

1. Ouvrez le tableau de bord de votre Website Builder depuis le panneau de configuration one.com.
2. Cliquez sur Paramètres du site web et 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 - la bascule doit apparaître en gris. Si la bannière de consentement est active, désactivez-la en cliquant sur la bascule.
4. Publiez votre site web.

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

1. Connectez-vous au panneau de contrôle one.com et cliquez sur Termly sous Paramètres avancés.

   

2. Cliquez sur le bouton bleu Go to Termly. Si vous n'avez pas encore d'abonnement Termly, vous pouvez l'acheter sur cette page.

   

3. Saisissez votre adresse électronique et votre mot de passe Termly, puis cliquez sur le bouton Connexion pour vous connecter au tableau de bord Termly.

Étape 3 - Recherchez les 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 Numériser 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 ajuster les paramètres et l'apparence de votre bannière.
2. Lorsque vous êtes prêt, cliquez sur Enregistrer en bas de la page.

Pour plus d'informations sur les options de personnalisation, consultez le guide.

É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 prochaines étapes de l'installation de la bannière. Cliquez sur Embed (Intégrer) à l'étape 2.
3. Dans la fenêtre suivante, cliquez sur Plain HTML.
4. Vous pouvez maintenant voir le script qui doit être ajouté au composant de code de Website Builder. Vous pouvez également choisir d'activer la fonction de blocage automatique. Copiez le code en cliquant sur Copier dans le presse-papiers.

Étape 6 - Choisissez le composant de code dans Website Builder

1. Allez dans l'éditeur de Website Builder.
2. Dans le menu de gauche, cliquez sur Plus et choisissez Code.

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

1. Dans la fenêtre pop-up, choisissez Before closing </head> comme Placement du code.
2. Collez le script de la bannière de consentement dans le champ et cliquez sur Enregistrer.

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

1. Vous pouvez maintenant 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 puisse s'afficher sur toutes les pages de votre site web.

Étape 9 - Intégrer 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 sur ce lien, vos visiteurs pourront modifier leurs préférences en matière de cookies.

1. Dans l'éditeur de Website Builder, 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, choisissez Normal comme Placement du code.

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

<a href="#" class="termly-display-preferences" style="color:#000000 ;">Préférences de consentement</a>

Étape 10 - Ajustez l'emplacement et le style de votre lien vers le centre de préférences

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

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

<a href="#" class="termly-display-preferences" style="color:#000000 ; text-decoration : none ;">Préférences de consentement</a>

Étape 11 - Enregistrer et publier 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, ouvrez votre site web en mode incognito. Si vous ne voyez pas la bannière de consentement, essayez de supprimer vos cookies et vérifiez que vous avez suivi toutes les étapes ci-dessus.

Articles liés :

• Premiers pas avec Termly
• J'ai besoin d'une bannière de consentement sur mon site web ?