Hoe Klaviyo onsite tracking toevoegen met Google tag manager

Wat je leert

Leer hoe je Klaviyo's onsite tracking snippets aan je site toevoegt met Google tag manager. Sommige site-eigenaren gebruiken Google tag manager als centraal punt voor het beheer van alle websnippets van derden die ze aan hun site moeten toevoegen. KlaviyoOnsite tracking valt in deze categorie en kan worden toegevoegd en beheerd via Google tag manager.

Voordat je van start gaat

Google tag manager instellen

Als je al een Google tag manager account hebt gemaakt, kun je deze stappen overslaan en doorgaan naar het gedeelte over het maken van een tag.
1. Maak een Google tag manager aan account.
2. Voeg de installatiescripts toe aan je site.

Als het gebruik van Google tag manager nieuw voor je is, lees dan hun documentatie over het instellen van een account en het toevoegen van de installatiescripts aan je site.

Een nieuwe tag maken

1. Maak binnen de werkruimte voor je site een nieuwe trigger aan voor je Klaviyo actief op Site tracking. We raden je aan een aparte trigger te maken voor je Actief op site en Bekeken product tracking. Dit komt omdat Product bekeken tracking alleen wordt geactiveerd op je productpagina's, terwijl Actief op site tracking op elke pagina van je site moet worden geactiveerd.
2. Selecteer Aangepaste HTML als type tag.

3. Om je actief op Site knipsel te vinden in Klaviyo, klik je op je account menu en selecteer je integraties.
4. Klik hier rechtsboven op de knop voor Setup webtracking .


5. Kopieer het eerste knipsel. 

6. Plak vanuit je Google tag manager je Klaviyo actief on Site snippet in het HTML-vak.

7. Stel je trigger zo in dat hij afgaat bij een paginaweergave voor alle pagina's. Dit zorgt ervoor dat je actief op Site snippet afgaat wanneer een klant een pagina op je site bekijkt.

8. Sla je nieuwe tag op. Dit voltooit het toevoegen van je actief op Site tracking snippet met Google tag manager.

Je kunt je bekeken productfragment op dezelfde manier toevoegen. Pas de trigger aan zodat hij alleen afgaat op pagina's met je producten. Op sommige sites kan dit worden bereikt door de trigger alleen af te laten gaan op pagina's waar de URL het woord "product" bevat.

Websitetracking testen

1. Navigeer naar je website.
2. Voeg het volgende toe aan het einde van de URL:

?utm_email=klaviyogreen@gmail.com

Je kunt "klaviyogreen@gmail.com" vervangen door je eigen e-mailadres. Druk op enter om de pagina opnieuw te laden.

3. Navigeer vervolgens in je Klaviyo account naar het dashboard > Activity Feed. Als je onsite tracking correct is geïnstalleerd, zie je bovenaan je activiteitenfeed een nieuwe gebeurtenis Actief op site van de e-mail die je hebt ingevoerd in de URL-parameter hierboven.

Als je problemen hebt om je Viewed Product event af te laten gaan, zorg er dan voor dat je tag is ingesteld om in een specifieke volgorde af te gaan. Je wilt altijd dat je actief op site snippet afgaat vóór je bekeken product snippet.

Als je een foutmelding krijgt wanneer je een van de tracking snippets probeert op te slaan in Google tag manager, moet je de snippets rechtstreeks in je site plakken.

Google tag manager gebruiken op Shopify

Met Shopify, in plaats van Google tag manager te gebruiken, wordt je aangemoedigd om Klaviyo onsite tracking in te schakelen via de Klaviyo's app embed in Shopify. De app embed schakelt zowel actief op Site als Bekeken product tracking in, mits deze is ingeschakeld en de instelling Bekeken product is aangevinkt op de pagina integratie-instellingen. Onze Shopify integraties schakelen ook Ingediend zoeken, Bekeken collectie en Toegevoegd aan winkelwagen in via de instelling Gedragsgebeurtenissen bijhouden.

Als je in plaats daarvan onsite tracking wilt toevoegen via Google tag manager, zorg er dan voor dat je eerst de app embed uitschakelt. Gebruik dan het onderstaande fragment.

"Collecties" zijn niet beschikbaar via Shopify's AJAX API dus Shopify product tag (tag) worden in plaats daarvan verzameld in het onderstaande knipsel.

<script type="text/javascript"> 
 //Initialiseer het Klaviyo object bij het laden van de pagina
!function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=argumenten[w];var t="functie"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script>
< script type="text/javascript"> 
 //Viewed Product
var Klaviyo = window.Klaviyo || [];
product_handle = location.href.splitsing( '/' ).pop()splitsing( '?' )[0];
fetch('/producten/'+product_handle+'.js').then(function(response){return response.json()})
.then(function(product){
  var item = {
    Name: product.title,
    ProductID: product.id,
    Tags: product.tags,
    ImageURL: "https:"+product.featured_image,
    URL: location.href.split( '/' )[0] + '//' + location.href.split( '/' )[2]+product.url,
    Brand: product.vendor,
    Price: product.price/100,
    CompareAtPrice: product.compare_at_price_max/100
  };
  Klaviyo.track("Bekeken Product", item);
  Klaviyo.trackViewedItem({
    Title: item.Name,
 ItemId: item.ProductID,
 tag: item.Categories,
 ImageUrl: item.ImageURL,
 Url: item.URL,
 Metadata: {
      Brand: item.Brand,
      Price: item.Price,
      CompareAtPrice: item.CompareAtPrice
    }
  });
// Als je het Aan winkelwagen toegevoegd knipsel ook wilt toevoegen, plaats dat dan hier zonder de scripttag
})
.catch(function(e){
  console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>

Extra hulpbronnen

• Aan de slag met websitetracking van Klaviyo
• Tracking van berichtconversie begrijpen
• Gids voor het maken van een flow voor websiteverlaters