Installeren met Google Tag Manager

Beheer je scripts met Google Tag Manager? Dan plaats je Leadspotr met een tag Aangepaste HTML. Je hoeft dan niets in de code van je site te veranderen.

Waarom niet gewoon het snippet plakken?

Tag Manager herschrijft scripts in een tag Aangepaste HTML. Daarbij kan het attribuut data-site verloren gaan. Gebruik daarom de code hieronder: die maakt het script zelf aan, zodat de sitesleutel altijd meekomt. Hij zet ook meteen de wachtrij voor leadspotr(...) klaar. Daardoor kun je toestemming al doorgeven voordat het script geladen is.

De tag aanmaken

1. Open je container en ga naar Tags → Nieuw.
2. Noem de tag Leadspotr.
3. Kies als tagtype Aangepaste HTML.
4. Plak deze code:

<script>
  window.leadspotr = window.leadspotr || function () { (window.leadspotr.q = window.leadspotr.q || []).push(arguments) };
  (function (d) {
    var s = d.createElement('script');
    s.src = 'https://t.leadspotr.nl/s.js';
    s.defer = true;
    s.setAttribute('data-site', 'JOUW-SITESLEUTEL');
    d.head.appendChild(s);
  })(document);
</script>

5. Kies als trigger Initialization – All Pages. All Pages werkt ook.
6. Open Geavanceerde instellingen → Toestemmingsinstellingen en laat de optie op Geen extra toestemming vereist staan. Zonder toestemming meet het script anoniem, zonder cookies.
7. Klik op Opslaan.
8. Test met Voorbeeld (zie hieronder) en klik daarna op Verzenden om de container te publiceren.

Ben je ingelogd, dan staat in de code hierboven al jouw sitesleutel. Heb je meer sites, haal de code dan bij /admin/install en kies bovenaan de juiste site.

Staat het snippet ook al in de HTML? Dat kan geen kwaad: het script draait maar één keer. Haal het voor de duidelijkheid wel op één van de twee plekken weg.

Toestemming doorgeven

Wil je ook personen herkennen (leads), dan moet je Leadspotr laten weten wanneer een bezoeker toestemming geeft. Plak daarvoor het stukje voor jouw cookiebanner onderaan dezelfde tag, onder de code hierboven.

Voorbeeld voor Cookiebot:

<script>
  window.addEventListener('CookiebotOnConsentReady', function () {
    leadspotr('consent', !!(window.Cookiebot && Cookiebot.consent.marketing));
  });
</script>

De codes voor CookieYes, Complianz en OneTrust staan in Cookiebanner koppelen. Werk je met Google Consent Mode v2? Dan kun je de toestemming ook zonder eigen JavaScript laten volgen. Dat staat in hetzelfde artikel.

Formulieren in Tag Manager doorgeven

Formulieren in een iframe (HubSpot, Typeform, Calendly en dergelijke) kan het script niet lezen. Stuur de gegevens dan zelf door met identify. Doe dat in een tag Aangepaste HTML die afgaat op je formulier-trigger, met dataLayer-variabelen:

<script>
  leadspotr('identify', { email: {{DLV - email}}, company: {{DLV - company}}, form: 'Offerteaanvraag' });
</script>

Vervang DLV - email en DLV - company door de namen van jouw variabelen. identify doet alleen iets als de bezoeker toestemming gaf en Personen identificeren aan staat bij /admin/sites. Zie Formulieren en leads.

Controleren

1. Klik in Tag Manager op Voorbeeld en open je site.
2. In Tag Assistant moet de tag Leadspotr onder Tags Fired staan.
3. Open de ontwikkelaarstools van je browser (F12) en kijk in het tabblad Netwerk. Daar moeten s.js en een verzoek naar /e staan.
4. Bij /admin/sites zie je het aantal paginaweergaven oplopen.

Problemen

• De tag gaat niet af. Controleer de trigger en of de container gepubliceerd is. In de voorbeeldmodus zie je wat er gebeurt, maar je bezoekers zien pas iets na Verzenden.
• De tag gaat af, maar er komt niets binnen. Kijk of het domein van je site bij /admin/sites staat, en of de sitesleutel klopt.
• De tag wacht op toestemming. Staat er een toestemmingsvereiste op de tag, of houdt je cookiebanner-template alle tags tegen tot er toestemming is? Dan meet je alleen bezoekers die akkoord gaven. Zet de tag op Geen extra toestemming vereist.

Meer oplossingen staan in Installatie controleren en problemen oplossen.