Aan de slag met Fleetorix

Fleetorix is nog alleen op uitnodiging. Vraag toegang aan; zodra je een account hebt, voeg je in het dashboard elke site toe die een cookiebanner nodig heeft. Elk domein krijgt zijn eigen tag.

Vraag toegang aan

Kopieer de tag van je domein van het tabblad Installatie in het dashboard. Zet hem zo hoog mogelijk in de <head> van elke pagina, vóór je Google-tag of GTM-snippet, en zonder async of defer. Alleen dan staan de standaardinstellingen van Google Consent Mode klaar voordat Google laadt.

<script src="https://cdn.fleetorix.com/v1/JOUW-DOMAIN-KEY/snippet.js"></script>

Gebruik je een Content-Security-Policy? Sta dan https://cdn.fleetorix.com toe in script-src en https://collect.fleetorix.com in connect-src.

Fleetorix werkt met Google Consent Mode v2. Hoe je de Google-tag plaatst, bepaalt welke mode je gebruikt; er is geen instelling voor.

<head>
  <meta charset="utf-8">
  <script src="https://cdn.fleetorix.com/v1/JOUW-DOMAIN-KEY/snippet.js"></script>
  <script type="text/plain" data-fleetorix-category="analytics" async data-src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
  <script type="text/plain" data-fleetorix-category="analytics">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XXXXXXXXXX');
  </script>
  <title>Mijn site</title>
</head>

<head>
  <meta charset="utf-8">
  <script src="https://cdn.fleetorix.com/v1/JOUW-DOMAIN-KEY/snippet.js"></script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XXXXXXXXXX');
  </script>
  <title>Mijn site</title>
</head>

Gebruik je Google Tag Manager? Dan plaats je het GTM-snippet op dezelfde manier. Het <noscript>-deel laat je weg: dat laadt GTM zonder toestemming en kan niet geblokkeerd worden. Plak je het hele GTM-snippet in het dashboard, dan laat het tabblad Scripts het <noscript>-deel voor je weg. Tags in je GTM-container die alleen voor marketing zijn, blokkeer je in GTM zelf met hun toestemmingsinstellingen.

Elk ander script dat pas mag draaien na toestemming, zet je stil en label je met één cookiecategorie. Zet type="text/plain" op de tag, voeg data-fleetorix-category toe en zet bij een extern script data-src in plaats van src. De banner voert het script uit zodra de bezoeker die categorie toestaat.

<script async src="https://example.com/pixel.js"></script>

<script type="text/plain" data-fleetorix-category="marketing" async data-src="https://example.com/pixel.js"></script>

Noodzakelijke scripts markeer je niet: die draaien altijd. In het dashboard zet het tabblad Scripts een geplakt script voor je om.

Een ingesloten video of kaart, zoals van YouTube, Vimeo of Google Maps, blokkeer je op dezelfde manier: zet op de <iframe> data-src in plaats van src en voeg data-fleetorix-category toe. Tot de bezoeker die categorie toestaat, toont de banner in de iframe een melding met de knop Toestaan en laden. Het tabblad Scripts zet ook geplakte insluitcode voor je om.

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" allowfullscreen></iframe>

<iframe data-fleetorix-category="marketing" width="560" height="315" data-src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" allowfullscreen></iframe>

Laadt de banner niet, bijvoorbeeld door een adblocker, dan blijft de iframe leeg. Zet daarom eventueel een korte tekst of een link naar de video in een element naast de iframe.

Een trackingpixel van Meta, LinkedIn of TikTok, of een afbeelding, video of audiobestand van een andere dienst, blokkeer je ook zo. Zet data-fleetorix-category op het buitenste element (<img>, <picture>, <video> of <audio>) en zet elk adres in een data-attribuut: data-src voor src, data-srcset voor srcset en data-poster voor poster. De banner laadt de media zodra de bezoeker die categorie toestaat. Er komt geen melding voor in de plaats.

<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=PIXEL_ID&ev=PageView">

<img data-fleetorix-category="marketing" height="1" width="1" style="display:none" data-src="https://www.facebook.com/tr?id=PIXEL_ID&ev=PageView">

Laat het <noscript>-deel van een pixel weg, net als bij GTM: dat laadt de pixel als JavaScript uitstaat, zonder toestemming, en kan niet geblokkeerd worden. Plak je de hele pixelcode in het dashboard, dan laat het tabblad Scripts het <noscript>-deel voor je weg.

Bij een <picture>, <video> of <audio> zet je de adressen van de <source>- en <img>-elementen erin ook in data-attributen. De categorie staat alleen op het buitenste element.

<picture data-fleetorix-category="functional">
  <source data-srcset="https://cdn.example.com/foto.webp" type="image/webp">
  <img data-src="https://cdn.example.com/foto.jpg" alt="Foto">
</picture>

<video data-fleetorix-category="marketing" controls data-poster="https://cdn.example.com/poster.jpg">
  <source data-src="https://cdn.example.com/video.mp4" type="video/mp4">
</video>

Een geblokkeerde video blijft leeg tot de bezoeker toestemming geeft. Komt de poster van je eigen site, laat hem dan gewoon in poster staan: die toont de browser meteen. Of zet een korte tekst of een link naar de video in een element naast de video.

Laadt de banner niet, bijvoorbeeld door een adblocker, dan laadt geblokkeerde media ook niet. Het tabblad Scripts zet ook geplakte afbeeldingen, video en audio voor je om.

Bezoek je eigen site en maak een keuze in de banner. Op het tabblad Installatie in het dashboard staat je domein daarna op Gezien.

Je bezoekers kunnen hun keuze altijd wijzigen via de knop linksonder op de pagina. Daarvoor hoef je niets te plaatsen.