Aller au contenu principal

Démarrer rapidement avec AppConsent

Découvrez comment créer une notice de consentement et comment l’implémenter sur votre site internet.

note

Dans ce pas à pas, nous vous expliquons comment réaliser une notice basique en utilisant le cadre de collecte de l'IAB Transparency & Consent Framework (TCF), puis comment l’implémenter sur votre site internet.

3 étapes clefs :

  1. Créer une source
  2. Créer une notice
  3. Insérer votre notice sur votre site

Pour découvrir d’autres paramétrages plus avancés, par exemple, la façon d'ajouter des partenaires non-IAB (appelés extra vendors), nous vous invitons à parcourir le sommaire de notre documentation.

1. Créer une source​

  • Dans le menu latéral, cliquez sur Sources, puis sur Créer une source.

    Créer une source

  • Choisissez Site web dans le champ Type

  • Entrez le nom de domaine de votre site dans le champ URL du site web

  • Choisissez vos partenaires IAB dans le champ dédié

    IAB vendors

astuce

Grâce à la sélection de vos partenaires, nous faisons apparaître leurs finalités IAB dans le champ dédié ci-dessous. Vous pouvez toujours modifier cette liste de finalités et de fonctionnalités à votre convenance.

  • Dans le champ Finalités et fonctionnalités, vous pouvez modifier la sélection automatique en fonction de vos besoins.

Vous pouvez supprimer certaines finalités. Notez qu'en le faisant, il est possible que cela supprime automatiquement les partenaires associés, si ces derniers ne sont présents que sous cette finalité. Vous ne pouvez pas ajouter une finalité IAB si vous n'avez pas sélectionné les partenaires IAB associés précédemment.

Vous pouvez également transformer certaines finalités en un groupe nommé Stack si vous en avez besoin. Si vous savez quels stacks peuvent correspondre à votre collecte de données, nous vous recommandons d'en sélectionner un ou plusieurs, votre notice de consentement sera plus concise.

Finalités et fonctionnalités

Enregistrer la source.

astuce

Laissez les autres champs, pour l'instant, vous pourrez y revenir plus tard.

2. Créer une notice​

Dans le menu latéral, cliquez sur Notices, puis sur Ajouter une notice.

Add notice

2.1. Paramètres généraux​

Sélectionnez dans le champ Source, la source précédemment créée.

Source field

2.2. Configuration​

Dans le champ Mise en page de l'écran vous avez le choix entre 2 formats pour votre page d’introduction. Par défaut, c’est un bandeau en bas de votre site. Vous pouvez également choisir une fenêtre modale au centre de l'écran.

Display layout field

Web notice Modèle Classic banner

Web notice Modèle Classic modal window

Choisissez l’ordre des boutons dans le champ Boutons disponibles dans le bandeau . Cela concerne la page d’introduction.

info

Point Conformité (CNIL) : depuis le 1er avril 2021, la CNIL Française exige la présence d’un bouton pour refuser le recueil.

Buttons avalaible in Banner

2.3. Traduction du texte​

Sélectionnez la ou les langues que vous souhaitez dans le champ Langues à inclure dans la notice. Dans le champ Sélectionner la langue par défaut, définissez une langue par défaut au cas où il n’est pas possible de déterminer la langue d’un utilisateur.

Astuce

En cliquant dans le dernier champ, vous avez la possibilité de voir les textes de la notice. Pour le moment, nous vous conseillons de laisser les textes par défaut, et d'y revenir plus tard quand vous aurez visualisé votre notice.

Text translation

La création de la notice pour votre site est terminé et enregistré dans AppConsent. Il est temps d’intégrer quelques morceaux de code sur votre site internet. Après cela, votre notice sera affichée sur votre site et le recueil des consentements pourra commencer.

3. Intégrer votre notice sur votre site​

info

Ouvrez d'abord votre code source HTML de votre site web.

3.1 Configurer la notice​

La variable configSFBXAppConsent permet de configurer le comportement de la notice. La configuration doit obligatoirement avoir le paramètre appKey configurée pour fonctionner. Cette variable doit être placée avant le loader dans la section <head>.

<script type="text/javascript">
    const configSFBXAppConsent = {
        appKey: 'YOUR_APP_KEY',
        // targetCountries: ['FR', 'UK', 'US'],
        // forceGDPRApplies: true,
    }
</script>

Pour récupérer l'AppKey de votre notice, aller dans AppConsent puis dans Notices, ensuite cliquer sur la ligne de la notice que vous souhaitez intégrer. L’AppKey (une suite de chiffres et de lettres) va s’afficher, copiez-la à l'aide du bouton.

Enfin remplacer "YOUR APPKEY" par l'AppKey précédemment copié.

Notice AppKey

3.2 Ajouter le loader​

Pour initialiser la cmp dans votre site web, ajouter le script suivant appelé loader à la fin de la section <head>. Le loader permet d'automatiquement télécharger la dernière version de la notice.

<script src="https://cdn.appconsent.io/loader-clear.js"></script>

C’est terminé, votre notice est à présent affichée et fonctionnelle sur votre site internet.

Pour aller plus loin
Dernière mise à jour le