Så här lägger du till Klaviyo onsite spårning med Google etikett Chef

Du kommer att lära dig

Lär dig hur du lägger till Klaviyo:s spårningssnuttar på plats på din webbplats med hjälp av Google etikett Chef. Vissa webbplatsägare använder Google etikett Chef som en enda punkt för att hantera alla webbsnuttar från tredje part som de behöver lägga till på sin webbplats. Klaviyo's spårning på plats faller inom denna kategori och kan läggas till och hanteras via Google etikett Chef.

Innan du börjar

Konfigurera Google etikett Chef

Om du redan har skapat en Google etikett Chef Konto kan du hoppa över dessa steg och gå till avsnittet om att skapa en etikett.
1. Skapa ett Google etikett Chef-konto.
2. Lägg till installationsskripten på din webbplats.

Om det är nytt för dig att använda Google etikett Chef kan du läsa deras dokumentation om hur du skapar ett konto och lägger till installationsskript på din webbplats.

Skapa en ny etikett

1. I arbetsytan för din webbplats skapar du en ny trigger för din Klaviyo Aktiv on Site spårning. Vi rekommenderar att du skapar en separat trigger för din Aktiv on Site- och Viewed Product-spårning. Detta beror på att Viewed Product-spårning endast kommer att aktiveras på dina produktsidor, medan Aktiv on Site-spårning bör aktiveras på alla sidor på din webbplats.
2. Välj Custom HTML som etikettyp.

3. För att hitta din Aktiv on Site snippet i Klaviyo, klicka på din Konto meny och välj integrationer.
4. Klicka sedan på knappen för Setup webbspårning längst upp till höger.


5. Kopiera det första utdraget. 

6. Från din Google etikett Chef, klistra in din Klaviyo Aktiv on Site snippet i HTML-rutan.

7. Ställ in din trigger så att den utlöses vid en sidvisning för alla sidor. Detta säkerställer att din Aktiv on Site snippet kommer att starta när kund ser en sida på din webbplats.

8. Spara din nya etikett. Detta slutför att lägga till din Aktiv on Site spårning snippet med hjälp av Google etikett Chef.

Du kan lägga till ditt Viewed Product-snippet med samma metod. Ändra triggern så att den bara aktiveras på sidor som innehåller dina produkter. På vissa webbplatser kan detta åstadkommas genom att begränsa utlösaren till att endast avfyras på sidor där URL:en innehåller ordet "produkt".

Testa din webbspårning

1. Navigera till din webbplats.
2. Lägg till följande i slutet av URL:en:

?utm_email=klaviyogreen@gmail.com

Du kan ersätta "klaviyogreen@gmail.com" med din egen e-postadress. Tryck på Enter för att ladda om sidan.

3. Navigera sedan till instrumentpanel > Activity Feed på din Klaviyo Konto. Om din onsite-spårning är korrekt installerad kommer du att se en ny Aktiv on Site-händelse högst upp i ditt aktivitetsflöde från den e-post som du angav i URL-parametern ovan.

Om du har problem med att få din Viewed Product-händelse att starta, se till att dina etikett är inställda för att starta i en viss ordning. Du vill alltid att ditt Aktiv on Site-utdrag ska avfyras före ditt Viewed Product-utdrag.

Om du får ett felmeddelande när du försöker spara något av spårningssnuttarna i Google etikett Chef måste du klistra in snuttarna direkt på din webbplats.

Använda Google etikett Chef på Shopify

ShopifyMed, istället för att använda Google etikett Chef, uppmuntras du att möjliggöra Klaviyo onsite spårning via's Klaviyo app embed Shopify i. Appinbäddningen aktiverar både Aktiv on Site och Viewed Product spårning, förutsatt att den är påslagen och att inställningen Viewed Product är markerad på sidan integrationsinställningar. Vår integrerare Shopify möjliggör också Submitted Search, Viewed Collection och Added to Cart via inställningen Track behavioral events.

Om du istället vill lägga till spårning på plats via Google etikett Chef, se till att stänga av app-inbäddningen först. Använd sedan snippet nedan.

"Samlingar" är inte tillgängliga via Shopify's AJAX API så Shopify produkt etikett (etikett) är samlade i istället i snippet nedan.

<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"> 
 //Viewed Product
var Klaviyo = window.Klaviyo || [];
product_handle = location.href.delning( '/' ).pop()delning( '?' )[0];
fetch('/products/'+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("Viewed Product", item);
  Klaviyo.trackViewedItem({
    Title: item.Name,
 ItemId: item.ProductID,
 etikett: item.Categories,
 ImageUrl: item.ImageURL,
 Url: item.URL,
 Metadata: {
      Brand: item.Brand,
      Price: item.Price,
      CompareAtPrice: item.CompareAtPrice
    }
  });
// Om du också vill lägga till snippet Added to Cart, placera det här utan dess skriptetikett
})
.catch(function(e){
  console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>

Ytterligare resurser

• Komma igång med Klaviyos webbspårning
• Förstå spårning av meddelandekonvertering
• Guide till att skapa ett flöde för övergiven surfning