Imparerai
Scopra come installare manualmente lo snippet di monitoraggio Active on Site di Klaviyo, noto anche come JavaScript onsite di Klaviyo o Klaviyo.js, sul suo negozio Shopify. Dovrebbe farlo solo se il suo traffico web è molto elevato o se il suo sito soffre di tempi di caricamento lenti per qualsiasi altro motivo (anche se Klaviyo ha recentemente migliorato i tempi di caricamento e quindi potrebbe non essere la causa). Altrimenti, le consigliamo di installare Klaviyo.js da abilitando l'embed dell'app Shopify di Klaviyo.
Prima di iniziarePrima di iniziare
Se sceglie di installare manualmente Klaviyo.js e in precedenza era abilitato tramite l'app embed di Klaviyo, deve prima disabilitare l'app embed nelle impostazioni del suo tema Shopify.
Poiché l'incollaggio di questo codice richiede l'accesso all'HTML del suo sito e alla piattaforma di ecommerce, il nostro team di assistenza non è in grado di offrire assistenza pratica. Se non ha uno sviluppatore nel suo team e non si sente a suo agio nell'aggiungere il codice da solo, consideri di rivolgersi ad un partner di Klaviyo per ricevere assistenza.
Installare Klaviyo.js sul suo negozio Shopify
- Copi lo snippet di codice qui sotto:
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> - Nello snippet di codice, si assicuri di sostituire PUBLIC_API_KEY con la sua chiave API pubblica di sei cifre di Klaviyo.
- Se ha abilitato gli Account cliente per il suo negozio, aggiunga uno script supplementare per identificare i suoi clienti con l'e-mail che utilizzano per accedere al suo negozio. Il set completo di script sarà simile al seguente:
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> <script type="text/javascript"> //Inizia 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"> //cliente accounts var Klaviyo = window.Klaviyo || []; if ("{{ customer.email }}" ) {Klaviyo.identify({"$email" : "{{ customer.email }}"})}; </script> - Dall'amministrazione di Shopify, clicchi su Online Store > Temi. Dal menu a tendina, clicchi su Modifica codice.
- Cerchi i file a cui desidera aggiungere lo snippet e clicchi per aprirlo nell'editor. Può aggiungere lo snippet a qualsiasi modello di pagina in cui desidera abilitare i moduli e il monitoraggio di Klaviyo sulle pagine corrispondenti.
- Scorra fino alla fine del file e incolli il suo snippet sotto l'altro codice.
- Clicca su Salva.
Provi il monitoraggio di Active on Site
Per verificare che il monitoraggio di Active on Site sia impostato correttamente, segua questi passaggi:
- Accedi al tuo sito web.
- Nella sua homepage, aggiunga quanto segue alla fine dell'URL, sostituendo example@gmail.com con il suo indirizzo e-mail:
?utm_email=example@gmail.com
- Ricarica la pagina.
- Cerchi il suo indirizzo e-mail in Klaviyo.
Dovrebbe vedere che è stato creato un profilo Klaviyo per lei (se non ne esisteva già uno) e che questa attività è stata tracciata nel suo feed di attività.
Ora che ha installato Klaviyo.js, potrà utilizzare il monitoraggio Active on Site, i moduli di iscrizione di Klaviyo e altro ancora.
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.