Guide : configurer Consentio en 5 minutes
Un guide pas à pas pour installer et configurer Consentio sur votre site web. De l'inscription à la bannière personnalisée en 5 minutes chrono.
Prérequis
Avant de commencer, vous avez besoin de :
- Un site web accessible publiquement
- Un accès au code HTML de votre site (ou à votre CMS)
- 5 minutes de votre temps
Étape 1 : Créer votre compte
Rendez-vous sur account.consentio.ch et créez votre compte gratuitement. Aucune carte de crédit n'est requise pour le plan Free.
Étape 2 : Ajouter votre domaine
Une fois connecté au tableau de bord :
- Cliquez sur Ajouter un domaine
- Entrez l'URL de votre site (ex:
monsite.ch) - Confirmez l'ajout
Étape 3 : Scanner vos cookies
Le scanner automatique analyse votre site et détecte tous les cookies actifs. Il les classifie automatiquement par catégorie :
- Nécessaires : cookies essentiels au fonctionnement du site
- Analytiques : Google Analytics, Matomo, etc.
- Marketing : Facebook Pixel, Google Ads, etc.
- Préférences : langue, thème, etc.
Vous pouvez ajuster la classification si nécessaire.
Étape 4 : Personnaliser la bannière
Dans l'éditeur visuel, personnalisez votre bannière :
- Style : barre (haut/bas), modale (centre), ou flottante (coin)
- Couleurs : adaptez à votre charte graphique
- Textes : modifiez les textes dans les 4 langues (FR/DE/IT/EN)
- Position : choisissez l'emplacement idéal
L'aperçu en temps réel vous montre le résultat avant de publier.
Étape 5 : Intégrer le script
Copiez le script d'intégration et collez-le dans le <head> de votre site :
<script
src="https://cdn.consentio.ch/widget.js"
data-consentio-id="VOTRE_ID"
async
></script>
Pour WordPress
Si vous utilisez WordPress, vous pouvez coller le script dans :
- Apparence > Éditeur de thème > header.php
- Ou via un plugin comme Insert Headers and Footers
Pour les SPA (React, Vue, Angular)
Ajoutez le script dans votre index.html ou utilisez notre module npm :
npm install @consentio/widget
Vérification
Une fois le script installé, retournez dans le tableau de bord et vérifiez que :
- La bannière s'affiche correctement sur votre site
- Les scripts tiers sont bloqués avant consentement
- Les consentements sont enregistrés dans le registre
Configuration avancée
Bloquer des scripts spécifiques
Ajoutez l'attribut data-consentio-category à vos balises script :
<script
src="https://www.googletagmanager.com/gtag/js"
data-consentio-category="analytics"
></script>
Google Consent Mode v2
Consentio est nativement compatible avec Google Consent Mode v2. Les signaux de consentement sont automatiquement transmis à Google Tag Manager.
CSS personnalisé
Dans les paramètres avancés de l'éditeur, vous pouvez ajouter du CSS personnalisé pour un contrôle total sur l'apparence de la bannière.
Conclusion
Votre site est maintenant conforme à la nLPD et au RGPD. Consentio gère tout automatiquement : affichage de la bannière, blocage des scripts, enregistrement des consentements et compatibilité Google Consent Mode v2.
Besoin d'aide ? Contactez-nous à info@consentio.ch.