INTASTELLAR SOLUTIONSHelp Center
Versionv1

Installer Intastellar Consents sur votre site web (JavaScript)

Ce guide s’adresse à un site classique (HTML sur mesure ou CMS non couvert par nos articles WordPress ou Shopify). Vous n’avez pas besoin d’être développeur pour suivre ce qui suit — quiconque colle l’extrait doit lire Extrait complet à coller et le tableau des champs obligatoires.

Utilisez un autre article si le site est configuré uniquement via :

Ce que cela fait (et pourquoi c’est important)

Intastellar Consents ajoute un bandeau cookies / consentement sur votre site. En termes simples :

  • Les visiteurs voient un choix clair avant que vous ne vous appuyiez sur le consentement pour les cookies et stockages non essentiels.
  • Les fonctions essentielles du site peuvent continuer à fonctionner ; l’analytique, la publicité et les pixels sociaux ne devraient s’exécuter qu’après que vous les ayez connectés au choix du visiteur (par exemple avec le mode de consentement Google et un ordre de balises soigné dans GTM).
  • La configuration vit dans window.INTA ; le produit charge uc.js depuis le CDN Intastellar — le même modèle « deux blocs dans <head> » que sur la page produit Intastellar Consents.

Ce centre d’aide décrit le produit, pas le droit. Pour une certitude juridique, adressez-vous à un conseil qualifié. Ce que nous pouvons vous aider à vérifier, c’est le comportement technique : bandeau visible, choix enregistré et (lorsque vos balises sont correctement configurées) moins de requêtes de suivi avant le consentement.

Avant de commencer

  1. Une page de politique de confidentialité sur votre site, accessible aux visiteurs (un lien https://… qui fonctionne). Sans cela, le bandeau reste souvent volontairement masqué.
  2. Le nom de votre entreprise ou de votre site et, pour un rendu professionnel, une URL de logo (https://…).
  3. L’accès au head / à la mise en page partagée pour que chaque page charge le même extrait — pas une seule page statique.

Installation rapide (deux parties dans <head>)

Quelqu’un ayant accès au HTML doit :

  1. Ouvrir le modèle qui produit le <head> pour tout le site.
  2. Immédiatement après <head>, coller d’abord le petit script qui définit window.INTA, puis la ligne qui charge uc.js (l’ordre compte).
  3. Renseigner au moins les champs obligatoires (voir section suivante).
  4. Publier et ouvrir le site dans une fenêtre privée / navigation privée.

Exemple minimal (remplacez les trois valeurs obligatoires ; ajoutez les champs de marque de la liste recommandée dès que possible) :

<script>
  window.INTA = {
    policy_link: "https://votredomaine.com/politique-de-confidentialite",
    settings: {
      rootDomain: "votredomaine.com",
      company: "Nom de votre entreprise",
      arrange: "ltr",
      color: "#111827",
      logo: "https://votredomaine.com/logo.png",
      design: "overlay",
    },
  };
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>

Vous pouvez définir l’URL de la politique sur policy_link et/ou settings.privacy_policy — les deux doivent pointer vers une page en ligne si vous les utilisez.

Configuration : obligatoire, recommandée et avancée

Tout ce qui est dans window.INTA n’a pas la même urgence. Suivez cet ordre :

Obligatoire (le bandeau ne s’affiche généralement pas sans cela)

ChampRôle
policy_link ou settings.privacy_policyURL réelle de la politique de confidentialité. Manquante ou incorrecte → le bandeau ne s’affiche souvent pas.
settings.rootDomainDomaine du site sans https:// (ex. example.com). Mauvais domaine → comportement étrange du stockage du consentement.
settings.companyNom affiché aux visiteurs sur le bandeau.

Recommandée (première mise en production sérieuse)

ChampRôle
settings.logohttps://… vers votre logo — renforce la confiance.
settings.colorCouleur principale de l’interface (hex).
settings.designex. overlay — voir Personnaliser.
settings.arrangeltr ou rtl pour le sens de mise en page.

Optionnelle / intégrations

ChampRôle
settings.gtagIdID de mesure Google lorsque vous utilisez les balises Google ; souvent avec le mode de consentement et le bon ordre des balises.
settings.requiredCookies, settings.keepInLocalStorageCookies strictement nécessaires et clés de stockage — voir Référence INTA.

Liste complète des champs et types : Schéma JSON window.INTA (pour les développeurs et les agences).

Après l’installation : à quoi ressemble « ça fonctionne »

Lors d’une première visite dans une fenêtre privée, vous devriez voir :

  1. Bandeau visible (si l’URL de la politique et le placement sont corrects).
  2. Choix mémorisé sur le même domaine lorsque vous ouvrez une autre page — pas une fenêtre qui se répète à chaque clic.
  3. Scripts non essentiels (analytique, pubs, pixels) uniquement après que le visiteur a accepté — à condition d’avoir chargé ces balises de façon à écouter le consentement (gtag direct + mode de consentement, déclencheurs GTM, etc.).

Si le bandeau s’affiche mais que Google Analytics ou Meta se déclenchent tout de suite, le problème vient en général du câblage des balises, pas seulement de l’extrait du bandeau. Corrigez l’ordre de chargement et les signaux de consentement — Google Tag Manager est l’endroit habituel pour le faire.

Vérifier dans le navigateur (contrôle technique)

Ce n’est pas une preuve juridique de conformité ; c’est un contrôle de bon sens que les agences et propriétaires peuvent refaire.

  1. Ouvrez votre site dans une fenêtre privée / navigation privée (ou effacez les données du site pour votre domaine).
  2. Ouvrez les Outils de développement → Réseau.
  3. Rechargez la page avant de cliquer sur Accepter / Refuser sur le bandeau.
  4. Filtrez les noms que vous reconnaissez (google-analytics, collect, facebook, doubleclick, etc.).
  5. Acceptez les cookies dans le bandeau puis rechargez ou naviguez — de nombreuses configurations doivent montrer plus de requêtes tierces ou analytiques après le consentement.

Ce que vous voulez observer dépend de l’intégration de GA4, Meta et autres balises. Si des requêtes partent avant que vous considériez le consentement accordé, traitez cela comme un défaut de configuration à corriger avec votre mise en place de balises, pas comme quelque chose à ignorer.

Optionnel : apparence et comportement plus poussés

Quand les bases fonctionnent, utilisez Personnaliser pour les couleurs, la mise en page et la présentation. Pour les étapes logo uniquement, voir Ajouter un logo. Pour les iframes, voir iFrames.

Problèmes courants

Le bandeau ne s’affiche pas

  1. URL de confidentialité — Ouvrez le lien de policy_link / privacy_policy dans un onglet normal.
  2. Placement — Les deux scripts doivent être tôt dans <head>, sur une mise en page partagée.
  3. Cache — Rechargement forcé, autre navigateur, ou attente du CDN / des extensions d’optimisation.
  4. Une seule page — L’extrait doit s’exécuter sur toutes les pages où le bandeau doit apparaître.

Le bandeau s’affiche mais le suivi part trop tôt

  • Consents ne désactive pas magiquement les balises que vous injectez ailleurs. Utilisez le mode de consentement, l’ordre des déclencheurs GTM ou un chargement conditionnel pour que les balises attendent le consentement. Voir Google Tag Manager et Dépannage.

Domaine ou consentement « incorrect » sur les sous-domaines

Extrait complet à coller (champs optionnels inclus)

Copiez dans le head du site, immédiatement après <head>. Remplacez ensuite les espaces réservés en vous aidant des tableaux ci-dessus — ne sautez pas les lignes obligatoires.

<script>
  window.INTA = {
    policy_link: "https://votredomaine.com/politique-de-confidentialite",
    settings: {
      rootDomain: "votredomaine.com",
      company: "votreentreprise",
      arrange: "ltr",
      color: "#000000",
      logo: "https://votredomaine.com/logo.png",
      design: "overlay",
      gtagId: "G-XXXXXXXXXX",
      requiredCookies: [],
      keepInLocalStorage: [],
    },
  };
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>

Voir aussi

Last updated