Jak ręcznie zainstalować Klaviyo.js dla sklepów Shopify

Czego się dowiesz

Dowiedz się, jak ręcznie zainstalować Klaviyo's aktywni na stronie śledzenie snippet, znany również jako Klaviyo's onsite JavaScript lub Klaviyo.js, na swoim Shopify sklep. Powinieneś to zrobić tylko wtedy, gdy doświadczasz bardzo dużego ruchu w sieci lub Twoja witryna cierpi z powodu wolnego czasu ładowania z jakiegokolwiek innego powodu (chociaż Klaviyo ostatnio poprawiło czasy ładowania i dlatego może nie być przyczyną). W przeciwnym razie zalecamy zainstalowanie Klaviyo.js przez , włączając osadzanie aplikacji Shopify Klaviyo.

Zanim zaczniesz

Jeśli zdecydujesz się ręcznie zainstalować Klaviyo.js, a wcześniej włączyłeś go za pośrednictwem osadzonej aplikacji Klaviyo, musisz najpierw wyłączyć osadzanie aplikacji w ustawieniach motywu Shopify.

Zainstaluj Klaviyo.js na swoim Shopify sklep

1. Skopiuj wycinek kodu źródłowego poniżej:

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

2. W wycinku kodu źródłowego upewnij się, że zastąpiłeś PUBLIC_API_KEY swoim sześciocyfrowym kluczem Klaviyo Public klucz API.
3. Jeśli włączyłeś konto klienta dla swojego sklepu, dodaj dodatkowy skrypt, aby zidentyfikować klienta za pomocą adresu e-mail, którego używa do logowania się do Twojego sklepu. Pełny zestaw skryptów będzie wyglądał następująco:

   <script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
   <script type="text/javascript"> 
    //Inicjalizacja obiektu Klaviyo przy ładowaniu strony
   !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"> 
    //konto klienta
   var Klaviyo = window.Klaviyo || [];
   if ("{{ customer.email }}" ) {Klaviyo.identify({"$email" : "{{ customer.email }}"})};
   </script>
   

4. Od administratora Shopify kliknij sklep internetowy > Themes. Z listy rozwijanej kliknij Edytuj kod.
   
5. Wyszukaj pliki, do których chcesz dodać fragment kodu i kliknij, aby otworzyć go w edytorze. Możesz dodać snippet do dowolnego szablonu strony, gdzie chcesz włączyć Klaviyo formularze i śledzenie na odpowiednich stronach. 
6. Przewiń do dołu pliku i wklej swój fragment kodu pod pozostałym kodem.
   
7. Kliknij Zapisz.

Sprawdź swoją aktywność na stronie śledzenie

Aby sprawdzić, czystrona aktywni on Site śledzenie jest poprawnie skonfigurowana, wykonaj następujące kroki:

1. Przejdź do swojej witryny.
2. Na swojej stronie głównej dodaj następujące elementy na końcu adresu URL, zastępując example@gmail.com podając swój adres e-mail:
   ?utm_email=example@gmail.com
   
   
3. Odśwież stronę.
4. Wyszukaj swój adres e-mail w Klaviyo.
   

Powinieneś zobaczyć, że profil Klaviyo został dla Ciebie utworzony (jeśli jeszcze nie istniał) i że ta aktywność była śledzona w Twoim kanale aktywności.

Teraz, gdy zainstalowałeś Klaviyo.js, Będziesz mógł korzystać z aktywni na Site śledzenie, Klaviyo formularz rejestracyjny, i więcej. 

Dodatkowe źródła

• Pierwsze kroki z Shopify
• Śledzenie aktywności na stronie przez Klaviyo: Pierwsze kroki
• Pierwsze kroki z formularzami rejestracyjnymi