Conditionnement d'un script distant hors Tag Manager

Sirdata CMP vous permet de conditionner automatiquement vos tags présents sur la page au chargement. C'est-à-dire aux tags insérés "en dur" sur la page mais pas aux tags insérés par un outil tiers comme un Tag Manager. Pour utiliser cette fonctionnalité via un Tag Manager, merci de vous référer à la page suivante.

Important : Cette méthode permet une grande simplification technique des conditionnements. Néanmoins, il est important de garder en tête qu'une expertise juridique est nécessaire pour déterminer comment les réaliser vous-mêmes.

Pour chaque tag/balise, il faut :

  • Étudier l’éventuelle présence de traceurs non exemptés (cookies, indexdb, local storage…) (Directive ePrivacy)

  • Évaluer les traitements de données personnelles et le cas échéant les finalités poursuivies par vos partenaires et leurs bases légales respectives (RGPD)

  • Déterminer si le tag/balise est automatiquement pris en charge par vos partenaires via les API de la CMP (exemple : le « Consent Mode » de Google et de Microsoft Bing)

N'hésitez pas à solliciter nos équipes pour que nous paramétrions ces conditionnements pour vous : https://cmp.docs.sirdata.net/gestion-des-scripts/prestations-conditionnement-tags

Avant de charger les scripts partenaires sur votre site, il est important de vérifier que l'utilisateur a donné son consentement ou ne s'est pas opposé à l'intérêt légitime.

Pour cela, vous pouvez utiliser les commandes JavaScript disponibles dans la CMP API. Avec Sirdata CMP, vous avez également la possibilité de procéder au conditionnement de vos tags, en quelques minutes et en toute simplicité.

Cette fonctionnalité étant intégrée au sein de la CMP, elle ne peut s'appliquer au tag de votre CMP, qui doit toujours être déployé comme fourni dans la procédure d'installation.

Conditionnement préalable aux cookies

Afin de conditionner le chargement d'un script au consentement de l'utilisateur, il vous suffit simplement de remplacer l'attribut src par data-cmp-src dans le tag HTML. Ainsi, après avoir collecté les choix de l'utilisateur, la CMP vérifiera automatiquement qu'il a donné son consentement à la finalité 1 (Stocker et/ou accéder à des informations sur un terminal), et auquel cas chargera le script sur votre site.

La plupart des scripts impliquent a minima un consentement préalable pour les cookies. Cette simple manipulation vous permet alors de répondre aux exigences règlementaires, tout en contrôlant les scripts pouvant se charger sur votre site.

<script src="https://www.exemple.com/script.js" type="text/javascript"></script>

devient alors :

<script data-cmp-src="https://www.exemple.com/script.js" type="text/javascript"></script>

Dans l'exemple ci-dessus le script distant est inséré manuellement. Vous pouvez le vérifier car src n'est pas précédé d'un point ("."). Lorsque le script distant est inséré par une fonction JavaScript il suffit d'utiliser la fonction setAttribute. Pour repérer ces scripts, il suffit de chercher src précédé d'un point et le modifier comme suit.

<script>
(function() {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'https://www.example.com';
    var _head = document.head || document.getElementsByTagName("head")[0];
    _head.appendChild(s);
})();
</script>

devient alors :

<script>
(function() {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.setAttribute('data-cmp-src','https://www.example.com');
    var _head = document.head || document.getElementsByTagName("head")[0];
    _head.appendChild(s);
})();
</script>

Ce procédé fonctionne uniquement pour les tags présents dans le code HTML de votre page et ne doit pas être utilisé pour les tags chargés via un Tag Manager. Pour utiliser cette fonctionnalité via un Tag Manager merci de vous référer à la page suivante.

Tags supportés

Vous trouverez ci-dessous la liste des éléments HTML auxquels le conditionnement de tag peut s'appliquer :

TAG

EXEMPLE

<script>

<script data-cmp-src="/script.js" data-cmp-vendor="53" data-cmp-purposes="1,3"></script>

<img>

<img data-cmp-src="/image.png" data-cmp-vendor="22" data-cmp-purposes-li="2" width="1" height="1"/>

<iframe>

<iframe data-cmp-src="/iframe.html" data-cmp-provider="89" width="250" height="200"></iframe>

<embed>

<embed data-cmp-src="/embed.html" data-cmp-vendor="178" width="250" height="200">

<video>

<video data-cmp-src="/video.mp4" controls width="320" height="240"/>

<audio>

<audio data-cmp-src="/audio.ogg" controls/>

<source>

<audio controls><source data-cmp-src="audio-consent.ogg" type="audio/ogg"><source data-cmp-src="audio-li.ogg" type="audio/ogg"></audio>

<track>

<video width="320" height="240" controls><source data-cmp-src="video.mp4" type="video/mp4"><track data-cmp-src="subtitles.vtt"></video>

Dernière mise à jour