Så här installerar du Klaviyo.js manuellt för Shopify-butiker

Du kommer att lära dig

Läs om hur du installerar Klaviyos spårningssnutt för Aktiv på webbplatsen manuellt, även känd som Klaviyos onsite JavaScript eller Klaviyo.js, i din Shopify-butik. Du bör bara göra detta om du har mycket hög webbtrafik eller om din webbplats har lång laddningstid av någon annan anledning (även om Klaviyo nyligen har förbättrat laddningstiderna och därför kanske inte är orsaken). Annars rekommenderar vi att du installerar Klaviyo.js genom att aktivera Klaviyos Shopify-appinbäddning.

Innan du börjar

Om du väljer att installera Klaviyo.js manuellt och tidigare hade det aktiverat via Klaviyos appinbäddning måste du först inaktivera appinbäddningen i dina temainställningar i Shopify.

Installera Klaviyo.js i din Shopify-butik

1. Kopiera kodsnippet nedan:

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>

1. I kodsnutten ska du se till att ersätta PUBLIC_API_KEY med din sexsiffriga Klaviyo Public API-nyckel.
2. Om du har aktiverat Kundkonton för din butik lägger du till ett extra skript för att identifiera dina kunder med e-postadressen de använder för att logga in i din butik. Den fullständiga uppsättningen skript kommer att se ut så här:

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
<script type="text/javascript"> 
//Initialize the Klaviyo object on page load
!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]=arguments[w];var t="function"==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">
//Customer accounts
var klaviyo = window.klaviyo || [];
if ("{{ customer.email }}") {klaviyo.identify({"$email" : "{{ customer.email }}"})};
</script>

1. Från din Shopify-administratör klickar du på Webbutik > Teman. I rullgardinsmenyn klickar du på Redigera kod.
   

2. Sök efter filerna som du vill lägga till kodavsnittet i och klicka för att öppna dem i redigeraren. Du kan lägga till snippeten i valfria sidmallar där du vill aktivera Klaviyo-formulär och spårning på de motsvarande sidorna.
3. Skrolla längst ned i filen och klistra in ditt kodavsnitt under den andra koden.
   

4. Klicka på Spara.

Testa din Aktiv på webbplats-spårning

För att testa att din Aktiv på webbplatsen -spårning är korrekt inställd följer du dessa steg:

1. Navigera till din webbplats.
2. På din hemsida lägger du till följande i slutet av URL:en och ersätter example@gmail.com med din e-postadress:
   ?utm_email=example@gmail.com

3. Läs in sidan igen.
4. Sök i Klaviyo efter din e-postadress.
   

Du ska se att en Klaviyo-profil har skapats för dig (om det inte redan fanns en) och att den här aktiviteten har spårats i ditt aktivitetsflöde.

Nu när du har installerat Klaviyo.js, kan du använda spårning med Aktiv på webbplatsen, Klaviyos registreringsformulär och mer.

Ytterligare resurser