Hoe handmatig Klaviyo.js te installeren voor Shopify zaak
Wat je leert
Leer hoe je handmatig Klaviyo's actiefinstalleertop Site tracking snippet, ook bekend als Klaviyo's onsite JavaScript of Klaviyo.js, op je Shopify zaak. Je zou dit alleen moeten doen als je erg veel webverkeer ervaart of als je site om een andere reden last heeft van trage laadtijden (hoewel Klaviyo onlangs de laadtijden heeft verbeterd en dus misschien niet de oorzaak is). Anders raden we je aan om Klaviyo.js te installeren door in te schakelen voor Klaviyo's Shopify app embed.
Voordat je van start gaatVoordat je van start gaat
Als je ervoor kiest om Klaviyo.js handmatig te installeren en deze eerder had ingeschakeld via Klaviyo's app embed, moet je eerst de app embed uitschakelen in je Shopify thema-instellingen.
Omdat je voor het plakken van deze code toegang nodig hebt tot de HTML van je site en het e-commerce platform, kan ons supportteam geen praktische hulp bieden. Als je geen ontwikkelaar in je team hebt en het niet prettig vindt om de code zelf toe te voegen, overweeg dan om contact op te nemen met een Klaviyo partner voor hulp.
Installeer Klaviyo.js op je Shopify zaak
- Kopieer het onderstaande codefragment:
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> - Zorg ervoor dat je in het codefragment PUBLIC_API_KEY vervangt door je zescijferige Klaviyo Public API-sleutel.
- Als je een klantaccount hebt ingeschakeld voor je zaak, voeg dan een extra script toe om je klant te identificeren met de e-mail waarmee ze inloggen op je zaak. De volledige set scripts ziet er als volgt uit:
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> <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"> //klant account var Klaviyo = window.Klaviyo || []; if ("{{ customer.email }}" ) {Klaviyo.identify({"$email" : "{{ customer.email }}"})}; </script> - Klik op je Shopify beheerder op webshop > Thema's. Klik in de dropdown op Code bewerken.
- Zoek de bestanden waaraan je het knipsel wilt toevoegen en klik erop om het te openen in de editor. Je kunt de snippet toevoegen aan elke paginasjabloon waar je Klaviyo formulieren en tracking wilt inschakelen op de bijbehorende pagina's.
- Scroll naar de onderkant van het bestand en plak je fragment onder de andere code.
- Klik op Opslaan.
Test je actief op locatie tracking
Om te testen of je actief op Site tracking goed is ingesteld, volg je deze stappen:
- Ga naar je website.
- Voeg op je homepage het volgende toe aan het einde van de URL, ter vervanging van example@gmail.com met je e-mailadres:
?utm_email=example@gmail.com
- Laad de pagina opnieuw.
- Zoek op Klaviyo naar je e-mailadres.
Je zou moeten zien dat er een Klaviyo profiel voor je is aangemaakt (als dat nog niet bestond) en dat deze activiteit is bijgehouden op je activiteitenfeed.
Nu je Klaviyo.js hebt geïnstalleerd, kun je actief gebruikmaken van Site tracking, Klaviyo aanmeldingsformulier en meer.
Op basis van uw klant Privacy-instellingen in Shopify, kan Klaviyo geen onsite gebeurtenissen bijhouden voor bezoekers van uw Shopify zaak in de EU, EER, VK en Zwitserland, tenzij zij hiervoor toestemming hebben gegeven.