Démonstration Interactive

Testez la bannière de consentement et découvrez toutes les fonctionnalités

Intégration Simple

Ajoutez simplement ce code dans votre page HTML :

<!-- CMP Consent Banner placé après l'ouverture de votre page html -->
<script src="https://cmp.newfutur.com//assets/js/consent-banner.js"></script>
<script>
CMP.config.apiKey = 'demo_api_key_1234567890abcdef';
CMP.config.position = 'center';
CMP.config.theme = 'dark';
</script>

<!-- Bouton dans votre footer pour afficher/modifier la selection -->
<button onclick="window.CMP && window.CMP.openPreferences ? window.CMP.openPreferences() : location.reload()">Gérer mes cookies</button>

Fonctionnalités

  • Bannière personnalisable (position, thème)
  • Gestion granulaire des catégories
  • Stockage local et serveur
  • API REST complète
  • Export des consentements
  • Droit à l'oubli RGPD

API REST

Utilisez notre API pour intégrer la gestion du consentement dans vos applications :

Récupérer les catégories
GET /api?action=get_categories&apiKey=demo_api_key_1234567890abcdef

Response:
{
  "success": true,
  "categories": [...]
}
Sauvegarder un consentement
POST /api
{
  "apiKey": "demo_api_key_1234567890abcdef",
  "action": "save_consent",
  "user_identifier": "xxx",
  "consent_data": {...}
}
Récupérer les statistiques
GET /api?action=get_stats&apiKey=demo_api_key_1234567890abcdef

Response:
{
  "success": true,
  "stats": {...}
}
Supprimer les données (RGPD)
POST /api
{
  "apiKey": "demo_api_key_1234567890abcdef",
  "action": "delete_user_data",
  "user_identifier": "xxx",
  "verification_code": "DELETE123"
}
Récupérer la liste des documents
GET /api?action=available_documents&apiKey=demo_api_key_1234567890abcdef

Response:
{
  "success": true,
  "available_documents": [
   "all": "Tous les documents",
   "registre": "Registre des activités de traitement",
   "mentions": "Mentions d'information",
   "politique": "Politique de confidentialité",
   "procedures": "Procédures de gestion des droits",
   "cookies": "Tableau des cookies",
   "consentements": "Rapport des consentements"
  ]
}
Récupérer un document
GET /api?action=generate&type=politique&apiKey=demo_api_key_1234567890abcdef

Response:
HTML content of the requested document

Événements JavaScript

Écoutez les changements de consentement dans votre application :

// Écouter les changements de consentement
$(document).on('cmpConsentUpdate', function(event, consentData) {
  console.log('Consentement mis à jour:', consentData);
  
  // Charger les scripts selon les préférences
  if (consentData['Analytiques']) {
    // Charger Google Analytics
  }
  
  if (consentData['Marketing']) {
    // Charger Facebook Pixel
  }
});

// Ouvrir les préférences manuellement
window.CMP.openPreferences();

Prêt à sécuriser votre conformité ?

Démarrer gratuitement