Installatie: de meetcode plaatsen

Je opdrachtgever heeft je deze pagina gestuurd. SignumCore meet wat de website oplevert en heeft daarvoor de meetcode op elke pagina nodig. Alles wat je moet weten staat hieronder; je hoeft niets terug te sturen.

1. Wat

Twee stukjes code van Google Tag Manager, met het container-id van je opdrachtgever al ingevuld. Verander er niets aan. Zo zien ze eruit, met gearceerd wat per site verschilt.

De head-code (Google Tag Manager)

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

De body-code (Google Tag Manager)

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Meer is het niet. De bezoekersmeting van SignumCore zit al in die container. Zet signum-rum.js dus niet los op de site en niet in een eigen tag: dan laadt hij twee keer.

2. Waar

De head-code: in de <head> van elke pagina
Zo hoog mogelijk, voordat andere scripts laden. Zo telt ook een bezoeker die snel weer weg is. Ook de bedankpagina na een formulier en pagina's die zelden bezocht worden: een pagina zonder code telt niet mee.
De body-code: direct na de openende <body>
Het blok met <noscript>, als eerste binnen de <body> van elke pagina.
Eén keer, niet dubbel
Staat de code al via een plugin op de site? Plaats hem dan niet nog een keer in het thema. Bestaande meetcode, zoals een eigen Google Analytics-tag, mag blijven staan.

Heb je al …

Op WordPress raden we de plugin GTM4WP aan: daar vul je alleen het container-id in, en de plugin zet beide codes op elke pagina.

Systeem	De head-code	De body-code
WordPress	Installeer de gratis plugin “Google Tag Manager for WordPress” (GTM4WP, van Thomas Geiger): Plugins → Nieuwe plugin. Ga daarna naar Instellingen → Google Tag Manager en vul bij “Google Tag Manager ID” het container-ID in. De plugin zet de head-code en de body-code dan zelf op elke pagina; je plakt niets. Geen GTM4WP willen? Plak beide codes in header.php van je (child-)thema, of gebruik een plugin voor headers en footers, zoals WPCode.	Met GTM4WP: niets. Laat “Container code placement” op de standaard staan, of kies “Codeless injection” als je thema geen wp_body_open heeft. Zonder die plugin: plak de body-code net ná de openende <body>-tag in header.php van je (child-)thema.
Wix	Ga naar Instellingen → Custom Code → + Voeg custom code toe. Plak de head-code, kies plaatsing “Head” en “Alle pagina’s”.	Voeg een tweede custom code toe met de body-code en kies plaatsing “Body - start”.
Shopify	Ga naar Online Store → Themes → ⋯ → Edit code → theme.liquid. Plak de head-code net vóór de </head>-tag.	Plak in datzelfde theme.liquid-bestand de body-code direct ná de openende <body>-tag. Klik op Opslaan.
Handmatig	Heb je zelf toegang tot de HTML? Plak de head-code zo hoog mogelijk in de <head> van elke pagina.	Plak de body-code direct ná de openende <body>-tag van elke pagina.

Controleer

Drie dingen die je zelf in de browser kunt nakijken, op de live site.

De code staat in de bron
Open de live pagina, bekijk de paginabron (Ctrl+U of Cmd+Option+U) en zoek op GTM-. Het container-id van je opdrachtgever hoort er te staan, in de head-code en in de body-code. Staat de hele code binnen een commentaar (), dan telt hij niet.
De scripts worden geladen
Open de ontwikkelaarstools, tab Netwerk, en herlaad de pagina. Filter op gtm.js. Status 200 betekent: geladen. Zie je niets, dan blokkeert een cookiebanner, cache of plugin het script. signum-rum.js komt via de container, pas nadat de bezoeker toestemming gaf voor statistieken. Zie je hem twee keer, dan staat hij er ook nog los op; haal die losse code weg.
Elke pagina, ook de bedankpagina
Herhaal stap 1 op de homepage, een gewone pagina en de bedankpagina na het formulier. Verschillende sjablonen hebben soms een eigen <head>.

Wat niet nodig is

Geen toegang tot Google Analytics 4.
Geen toegang tot Google Ads.
Geen account bij SignumCore. Je opdrachtgever heeft het portaal; jij hoeft niets aan te maken.

// klaar?

Klaar? Zeg het je opdrachtgever. In het portaal kijkt die met de knop “Kijk het nu na” of de meting op de site staat. Wij kijken ook zelf, voordat de meting aangaat.

Vragen? Mail info@signumcore.io; we reageren binnen een werkdag. Geen ontwikkelaar beschikbaar? Wij doen het, met tijdelijke toegang.