Imparerai
Scopra come aggiungere gli snippet di monitoraggio onsite di Klaviyo al suo sito utilizzando Google Tag Manager. Alcuni proprietari di siti utilizzano Google Tag Manager come punto unico per gestire tutti gli snippet web di terze parti che devono aggiungere al loro sito. Il monitoraggio onsite di Klaviyo rientra in questa categoria e può essere aggiunto e gestito attraverso Google Tag Manager.
Prima di iniziarePrima di iniziare
Impostazione di Google Tag Manager
Se ha già creato un account Google Tag Manager, può saltare questi passaggi e passare alla sezione sulla creazione di un tag.
1. Crei un account Google Tag Manager.
2. Aggiunga gli script di installazione al suo sito.
Se è nuovo nell'utilizzo di Google Tag Manager, consulti la documentazione sulla creazione di un account e sull'aggiunta degli script di installazione al suo sito.
Creare un nuovo tagCreare un nuovo tag
1. All'interno dell'area di lavoro del suo sito, crei un nuovo trigger per il suo monitoraggio Klaviyo Active on Site. Raccomandiamo di creare un trigger separato per il monitoraggio di Attivi sul sito e di Prodotti visti. Questo perché il tracking Viewed Product si attiverà solo sulle pagine dei prodotti, mentre il tracking Active on Site dovrebbe attivarsi su ogni pagina del suo sito.
2. Selezioni HTML personalizzato come tipo di tag.
3. Per individuare il suo snippet Active on Site in Klaviyo, clicchi sul menu del suo account e selezioni Integrazioni.
4. Da qui, clicchi sul pulsante Setup Web Tracking in alto a destra.
5. Copi il primo snippet.
6. Da Google Tag Manager, incolli il suo snippet Klaviyo Active on Site nella casella HTML.
7. Impostate il vostro trigger in modo che si attivi su una visualizzazione di pagina per tutte le pagine. Questo assicura che il suo snippet Active on Site si attivi ogni volta che i clienti visualizzano una pagina del suo sito.
8. Salvi la sua nuova etichetta. Questo completa l'aggiunta del suo snippet di tracciamento Active on Site utilizzando Google Tag Manager.
Può aggiungere il suo snippet Prodotto visto utilizzando lo stesso metodo. Modifichi il trigger in modo che si attivi solo sulle pagine che includono i suoi prodotti. Su alcuni siti, questo può essere realizzato limitando l'attivazione solo alle pagine in cui l'URL include la parola "product".
Testa il monitoraggio sul sito
1. Si colleghi al suo sito web.
2. Aggiunga quanto segue alla fine dell'URL:
?utm_email=klaviyogreen@gmail.com
Può sostituire "klaviyogreen@gmail.com" con il suo indirizzo e-mail. Premere invio per ricaricare la pagina.
3. Poi, nel suo account Klaviyo, vada su Dashboard > Feed di attività. Se il suo tracking onsite è installato correttamente, vedrà un nuovo evento Attivo sul sito nella parte superiore del suo feed di attività, proveniente dall'e-mail che ha inserito nel parametro URL precedente.
Se ha problemi a far scattare l'evento Viewed Product, si assicuri che i suoi tag siano impostati per scattare in un ordine specifico. Lei vuole sempre che il suo snippet Attivo sul sito si attivi prima del suo snippet Prodotto visto.
Se riceve un errore quando cerca di salvare uno degli snippet di tracciamento in Google Tag Manager, dovrà incollare gli snippet direttamente nel suo sito.
Utilizzo di Google Tag Manager su ShopifyUtilizzo di Google Tag Manager su Shopify
Con Shopify, invece di utilizzare Google tag Manager, è incoraggiato ad abilitare il tracciamento in loco di Klaviyo tramite l'app incorporata diKlaviyo in Shopify. L'integrazione dell'app abilita il tracciamento sia di Attivo sul sito che di Prodotto visto, a condizione che l'interruttore sia attivo e che l'impostazione Prodotto visto sia selezionata nella pagina delle impostazioni dell'integrazione. La nostra integrazione con Shopify abilita anche la Ricerca inviata, la Raccolta vista e l' Aggiunta al carrello tramite l'impostazione Traccia eventi comportamentali.
Se invece desidera aggiungere il tracciamento onsite tramite Google tag Manager, si assicuri di disattivare prima l'embed dell'app. Quindi, utilizzi lo snippet qui sotto.
"Le collezioni" non sono disponibili tramite l'API AJAX di Shopify, pertanto i Tag dei prodotti di Shopify (Tag) vengono catturati al loro posto nello snippet sottostante.
<script type="text/javascript">
//Inizializza l'oggetto Klaviyo al caricamento della 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]=argomenti[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){finestra._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))});return e}}})}catch(n){finestra.klaviyo=finestra.klaviyo||[],finestra.klaviyo.push=funzione(){var n;(n=finestra._klSito).push.apply(n,argomenti)}}}}(); </script>
<script type="text/javascript">
/Prodotto visualizzato
var klaviyo = window.klaviyo || [];
product_handle = location.href.split( '/' ).pop().split( '?' )[0];
fetch('/prodotti/'+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("Visualizzato Prodotto", articolo);
klaviyo.trackViewedItem({
Titolo: articolo.Nome,
ItemId: item.ProductID,
Tag: item.Categories,
ImageUrl: item.ImageURL,
Url: item.URL,
Metadati: {
Brand: item.Brand,
Price: item.Price,
CompareAtPrice: item.CompareAtPrice
}
});
// Se desidera aggiungere anche lo snippet Added to Cart, lo inserisca qui, senza i suoi tag di script.
})
.catch(function(e){
console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>In base alle impostazioni sulla privacy del cliente in Shopify, Klaviyo non può tracciare gli eventi in loco per i visitatori del suo negozio Shopify nell'UE, nel SEE, nel Regno Unito e in Svizzera, a meno che non abbiano fornito il loro consenso.