Tag Manger en Analytics 4 instellen met Shopify Basic
Gebruik je Shopify Basic en wil je gebruikmaken van Google Tag Manager? Shopify geeft zelf aan dat dit niet mogelijk is en dat je moet upgraden naar het Shopify Plus plan. Dat klopt echter niet! Via een omweg is het toch mogelijk om Google Tag Manager te gebruiken met Shopify Basic en zo kan je bijvoorbeeld ook e-commerce gegevens meetbaar maken in Google Analytics 4. Als je nog gebruikmaakt van Universal Analytics, heb je vast de volgende melding al eens gezien toen je Google Analytics opende: “Universal Analytics verwerkt vanaf 1 juli 2023 geen nieuwe gegevens meer in standaardproperty’s. Tref nu voorbereidingen door een Google Analytics 4-property in te stellen en daarnaar over te schakelen.” Google Analytics 4 is de nieuwe standaard van Google Analytics die vanaf juli 2023 de oude Google Analytics (Universal Analytics oftewel UA) zal vervangen. Het is belangrijk om nu alvast data te gaan verzamelen in Google Analytics 4, zodat je over een jaar data kan vergelijken met het vorige jaar. Shopify geeft zelf aan dat ze niet compatibel zijn met Google Analytics 4, maar ook dat klopt dus eigenlijk niet. In dit artikel leggen we je uit hoe je aan de slag kan om Google Tag Manager en Google Analytics 4 te installeren in een Shopify Basic webshop zonder te upgraden naar Shopify Plus.
Google Tag Manager instellen in Shopify Basic shops
Als eerst moet je een Google Tag Manager account aanmaken. Als je dit gedaan hebt, krijg je van Google 2 stukjes code die je moet plakken in je theme.liquid bestand. Het eerste stukje code plak je zo hoog mogelijk in de <head> van het theme.liquid bestand en ziet er als volgt uit:
<!– 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-XXXXXX’);</script><!– End Google Tag Manager –>.
In plaats van GTM-XXXXXX staat er jouw eigen GTM code. Daarna plak je nog een ander stukje code in de <body> van het theme.liquid bestand dat er als volgt uit ziet:
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript><!– End Google Tag Manager (noscript) –>
Ook hier staat jouw eigen code op de plek van
GTM-XXXXXX.
Conversiewaarde meetbaar maken in Google Analytics 4 via Google Tag Manager
Hulp nodig? Neem contact opOmdat je via Shopify Basis niet het checkout.liquid bestand kunt aanpassen, moeten we de gegevens uit de checkout, zoals de conversiewaarde en het aantal gekochte items, op een andere manier meetbaar maken. Dit kan op twee manieren. Probeer eerst de eerste optie uit en als die niet werkt, kan je de tweede optie nog proberen.
Optie 1: code toevoegen via Instellingen – Checkout – Additional scripts
Ga in je Shopify back-end naar Instellingen en vervolgens naar Checkout. Scroll naar beneden tot je bij Order processing een vakje voorbij ziet komen met ‘Additional scripts’. Hier plak je een deel van de code die je ook in de <head> van je theme.liquid had geplakt. Je laat alleen de stukjes <!– Google Tag Manager –> en <!– End Google Tag Manager –> weg. Je code ziet er dan als volgt uit (XXXXXX is wederom je eigen GTM code):
<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-XXXXXX’);</script>.Sla dit op en ga aan de slag met het instellen van variabelen, triggers en tags in Google Tag Manager (zie het volgende kopje). Wil je het toevoegen van de code stap voor stap in beeld uitgelegd zien? Bekijk dan de volgende video!
Optie 2: code toevoegen via Custom JavaScript van Google Analytics
Heeft de eerste optie niet gewerkt? Dan hebben we nog een tweede optie. Ga in je Shopify shop naar Online Store – Preferences en scroll naar het kopje Google Analytics account. Klik daar op ‘Add custom JavaScript to Google Analytics’. Plak in het vakje dat verschijnt de Google Tag Manager code die je ook in de <head> van theme.liquid had geplakt, maar haal het stukje <!– Google Tag Manager –> <script> van het begin weg en het stukje </script> <!– End Google Tag Manager –> van het eind weg. Je code ziet er dan als volgt uit (XXXXXX moet je ook hier weer vervangen door je eigen GTM code):
(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-XXXXXX’);Sla dit op en ga aan de slag met het instellen van variabelen, triggers en tags in Google Tag Manager (zie het volgende kopje). Wil je liever een visuele uitleg? Bekijk dan deze video!
Google Tag Manager instellen
Nu Google Tag Manager is geïnstalleerd op je website, moet je nog variabelen, triggers en tags aanmaken. Dit doe je zoals je gewend bent van Google Tag Manager door de juiste dataLayer variabelen die gemeten worden door je website aan te maken en deze te koppelen aan de verschillende benodigde triggers en tags. Vervolgens test je met behulp van de Tag Assistant of alle gegevens goed gemeten worden en kijk je in Google Analytics 4 of de data doorkomt. Heb je nog geen ervaring met het werken met Google Tag Manager? Neem dan contact op met onze marketingspecialisten, dan regelen wij de implementatie voor jou!
Alternatief voor Shopify Basic
PWA WhitepaperShopify Basic is erg beperkt. We hebben een workaround gevonden voor Google Tag Manager, maar erg optimaal is het niet. Daarnaast zit je vast aan bepaalde structuren waar je niks mee kan. De oplossing voor die beperking is je Shopify Basic te upgraden naar Shopify Plus. Maar dan zit je al gauw aan € 2000 kosten per maand. Dat is zeker niet voor iedereen weggelegd.
Een alternatief hiervoor is onze eigen PWA Magento 2 webshop software. De kosten betaal je per maand af, en dan is de webshop je eigen eigendom (in tegenstelling tot Shopify, waar je alleen maandelijkse abonnementskosten betaalt, en stop je daarmee, dan ben je je shop kwijt). Ons eigen PWA Magento product is een Magento webshop, met PWA frontend (en dus super snel!). Maandelijks betaal je minimaal € 430 (afhankelijk van het aantal maanden dat je afbetaalt). Meer weten over PWA? Lees de whitepaper en/of neem contact op.
Bel
direct naar:Contact