Comment ajouter un bandeau cookies à systeme.io

Où coller la balise dans systeme.io

systeme.io offre deux emplacements pour du code de suivi sur les pages de tunnel, et son centre d’aide explique les deux :

Pour tous les tunnels à la fois. Cliquez sur votre photo de profil, puis Paramètres, puis Tunnels de vente dans le menu de gauche. Collez la balise tout en haut du champ du code de suivi et cliquez sur Enregistrer. systeme.io applique automatiquement ce code à tous vos tunnels : pages de vente, pages de capture, bons de commande et pages de remerciement reçoivent tous le bandeau :

html
<script src="https://cookiequiet.com/cq.js" data-site="YOUR_SITE_KEY" data-consent-mode="1" data-auto-block="1" defer></script>

Pour une seule page. Ouvrez le tunnel, sélectionnez la page dans la liste de gauche et ouvrez-la dans l’éditeur. Cliquez sur Paramètres en haut à gauche et descendez jusqu’à Tracking. La partie code d’en-tête sert au code qui doit se trouver dans le head de la page ; collez-y la balise et enregistrez.

Quel que soit le champ utilisé, systeme.io demande de ne pas y inclure de balises <head>, <body> ou <html> : collez la balise script seule.

Blogs. Un blog n’est pas un tunnel : le code commun aux tunnels ne l’atteint donc pas. Ouvrez le blog dans l’éditeur, ouvrez ses paramètres et cherchez son code de suivi, qui a une partie en-tête comme une page de tunnel ; collez-y la balise. Vérifiez de la même façon vos pages de formation et de communauté : ce sont des espaces distincts de systeme.io, cherchez donc dans leurs paramètres un champ de code de suivi, et lancez le scanner sur elles.

Comment faire attendre le pixel Facebook et les autres balises

Le centre d’aide de systeme.io prend le pixel Facebook comme exemple de code de suivi, et c’est ce qu’ont la plupart des utilisateurs de systeme.io. Collé tel quel, il s’exécute au chargement de la page, avant que quiconque ait répondu au bandeau. Marquez-le, dans le même champ, sous la balise Cookiequiet :

html
<script type="text/plain" data-cq-category="marketing">
  !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  document,'script','https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

La balise Google reçoit data-cq-category="analytics" sur ses deux balises script, et une balise TikTok ou Google Ads reçoit marketing. Le guide Meta Pixel couvre les événements d’achat, et le guide pour bloquer les scripts jusqu’au consentement montre chaque cas. Les événements de conversion que vous ajoutez sur une page de remerciement doivent aussi être marqués, sans quoi ils se déclenchent sans consentement.

Les scripts que les widgets chargent en JavaScript sont retenus par le bloqueur automatique, qui connaît environ 80 traceurs. Les vidéos que vous intégrez avec une iframe dans un élément Code HTML peuvent utiliser data-cq-src à la place de src pour se charger après le consentement.

systeme.io a-t-il son propre bandeau cookies ?

Le centre d’aide de systeme.io ne documente aucun bandeau cookies intégré pour les tunnels ou les blogs : il n’y a donc rien à désactiver, ni de second bandeau à craindre. Le scanner de cookies gratuit montre quels cookies vos pages déposent, y compris ceux de systeme.io lui-même, et remplit le tableau des cookies et les politiques de Cookiequiet à partir de ce qu’il trouve.

Comment ajouter le lien Préférences de cookies

Ajoutez un élément Code HTML dans la zone de pied de page de vos pages, avec :

html
<a href="#cq-preferences" data-cq-show-preferences>Cookie preferences</a>

systeme.io précise que l’élément Code HTML n’est pas disponible sur les pages d’information et ne s’affiche pas en mode Aperçu. Là où vous ne pouvez pas l’ajouter, activez le bouton flottant Préférences de cookies dans les réglages du bandeau.

Comment tester

1. Ouvrez une page de tunnel en ligne (pas l’aperçu) dans une fenêtre de navigation privée. Le bandeau s’affiche.
2. Cliquez sur Tout refuser et vérifiez les cookies dans les outils de développement : cq_consent et aucun _fbp ni _ga.
3. Effacez les cookies, cliquez sur Tout accepter, rechargez : le pixel s’exécute. Vérifiez avec le Pixel Helper de Meta ou l’onglet Réseau.
4. Consultez le registre des consentements dans le tableau de bord Cookiequiet.

Cookiequiet est gratuit pour un site, ciblage géographique compris, et Starter coûte 3 € par site et par mois sans limite de pages vues.