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

Du kommer att lära dig

Lär dig hur du manuellt installerar Klaviyo's Aktiv on Site spårning snippet, även känd som Klaviyo's onsite JavaScript eller Klaviyo.js, på din Shopify butik. Du bör bara göra detta om du upplever mycket hög webbtrafik eller om din webbplats lider av långsam laddningstid av någon annan anledning (även om Klaviyo nyligen har förbättrade laddningstider och därmed kanske inte är orsaken). Annars rekommenderar vi att du installerar Klaviyo.js genom att aktivera Klaviyo's Shopify app embed.

Innan du börjar

Om du väljer att manuellt installera Klaviyo.js och tidigare hade det aktiverat via Klaviyo's app embed, måste du först inaktivera app embed i dina Shopify temainställningar.

Installera Klaviyo.js på 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 kodsnippet, se till att ersätta PUBLIC_API_KEY med din sexsiffriga Klaviyo Public API-nyckel.
2. Om du har aktiverat kundkonto för din butik, lägg till ett extra skript för att identifiera din kund med den e-post de använder för att logga in i din butik. Den fullständiga uppsättningen skript kommer att se ut på följande sätt:

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
<script type="text/javascript"> 
 //Initialisera Klaviyo -objektet vid sidladdning
!function(){if(!window.Klaviyo){window._klOnsite=window._klOnsite||[];try{window.Klaviyo=new Proxy({},{get:function(n,i){return"pushnotis"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function() {for(var n=argument.längd,o=ny 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.pushnotis([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.Klaviyo=window.Klaviyo[],window.Klaviyo.pushnotis=function(){var n;(n=window._klOnsite).pushnotis.apply(n,arguments)}}}}(); </script>
< script type="text/javascript"> 
 //kund Konto
var Klaviyo = window.Klaviyo || [];
if ("{{ customer.email }}" ) {Klaviyo.identify({"$email" : "{{ customer.email }}"})};
</script>

1. Från din Shopify Administratör klicka på webbutik > Teman. Klicka på Redigera kod i rullgardinsmenyn.
   

2. Sök efter de filer som du vill lägga till snippet i och klicka på för att öppna dem i redigeraren. Du kan lägga till snippet på alla sidor där du vill aktivera Klaviyo formulär och spårning på motsvarande sidor.
3. Bläddra till botten av filen och klistra in din snippet under den andra koden.
   

4. Klicka på Spara.

Testa din Aktiv on Site spårning

Följ dessa steg för att testa att din Aktiv on Site spårning är korrekt konfigurerad:

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 på Klaviyo efter din e-postadress.
   

Du bör se att en Klaviyo-profil har skapats för dig (om det inte redan fanns en) och att denna aktivitet har spårats i ditt aktivitetsflöde.

Nu när du har installerat Klaviyo.js, kommer du att kunna använda Aktiv on Site spårning, Klaviyo registreringsformulär och mycket mer.

Ytterligare resurser