Jak dodać Klaviyo na stronie śledzenie za pomocą Google znacznik zarządca

Czego się dowiesz

Dowiedz się, jak dodać fragmenty śledzenia w witrynieKlaviyo do swojej witryny za pomocą znacznika zarządcy Google. Niektórzy właściciele witryn używają znacznika Google zarządca jako jednego punktu do zarządzania wszystkimi fragmentami stron internetowych innych firm, które muszą dodać do swojej witryny. KlaviyoŚledzenie w witrynie należy do tej kategorii i może być dodawane i zarządzane przez Google znacznik zarządcy.

Kilka słów na początek

Konfigurowanie znacznika Google zarządca

Jeśli utworzyłeś już konto Google znacznik zarządcy, możesz pominąć te kroki i przejść do sekcji dotyczącej tworzenia znacznika.
1. Utwórz konto Google znacznik zarządcy.
2. Dodaj skrypty instalacyjne do swojej witryny.

Jeśli dopiero zaczynasz korzystać z usługi Google znacznik zarządcy, zapoznaj się z dokumentacją dotyczącą konfigurowania konta i dodawania skryptów instalacyjnych do witryny.

Tworzenie nowego znacznika

1. W obszarze roboczym witryny utwórz nowy wyzwalacz dla witryny Klaviyo aktywni na stronie Śledzenie witryny. Zalecamy utworzenie osobnego wyzwalacza dla Twojej aktywni w witrynie i śledzenia oglądanego produktu. Wynika to z faktu, że śledzenie wyświetlanego produktu będzie wyzwalane tylko na stronach produktów, podczas gdy aktywni w witrynie śledzenie powinno być wyzwalane na każdej stronie Twojej witryny.
2. Wybierz Niestandardowy HTML jako typ znacznika.

3. Aby zlokalizować swój aktywni on Site snippet w Klaviyo, kliknij w menu swojego konta i wybierz integracje.
4. Następnie kliknij przycisk Konfiguracja śledzenia aktywności na stronie w prawym górnym rogu.


5. Skopiuj pierwszy fragment. 

6. Ze znacznika Google zarządca wklej swój Klaviyo aktywni on Site snippet do pola HTML.

7. Ustaw wyzwalacz tak, aby uruchamiał się w widoku strony dla wszystkich stron. Gwarantuje to, że snippet aktywni on Site zostanie uruchomiony za każdym razem, gdy klient wyświetli stronę w Twojej witrynie.

8. Zapisz swój nowy znacznik. Na tym kończy się dodawanie Twojej aktywni na Site śledzenie snippetu za pomocą znacznika Google zarządca.

Możesz dodać swój snippet Viewed Product używając tej samej metody. Zmodyfikuj wyzwalacz, aby uruchamiał się tylko na stronach zawierających Twoje produkty. W niektórych witrynach można to osiągnąć, ograniczając wyzwalacz do uruchamiania tylko na stronach, których adres URL zawiera słowo "produkt".

Testowanie śledzenia aktywności na stronie

1. Przejdź do swojej witryny.
2. Dodaj następujące elementy na końcu adresu URL:

?utm_email=klaviyogreen@gmail.com

Możesz zastąpić "klaviyogreen@gmail.com" własnym adresem e-mail. Naciśnij enter, aby przeładować stronę.

3. Następnie na swoim koncie Klaviyo przejdź do pulpitu > Activity Feed. Jeśli Twoje śledzenie w witrynie jest zainstalowane poprawnie, zobaczysz nowe zdarzenie aktywni w witrynie w górnej części kanału aktywności z adresu e-mail wprowadzonego w parametrze adresu URL powyżej.

Jeśli masz problemy z uruchomieniem zdarzenia Viewed Product, upewnij się, że znaczniki są skonfigurowane do uruchamiania w określonej kolejności. Zawsze chcesz, aby snippet Aktywni w witrynie był uruchamiany przed snippetem Wyświetlany produkt.

Jeśli pojawi się błąd podczas próby zapisania któregokolwiek z fragmentów śledzenia w znaczniku zarządcy Google, będziesz musiał wkleić fragmenty bezpośrednio do swojej witryny.

Korzystanie z Google znacznik zarządca na Shopify

Dzięki Shopify, zamiast korzystać ze znacznika Google zarządcy, zachęcamy Cię do włączania Klaviyo onsite śledzenie za pośrednictwem aplikacjiKlaviyo osadzonej w Shopify. Aplikacja embed włącza zarówno aktywni on Site, jak i Viewed Product śledzenie, biorąc pod uwagę, że jest przełączenie on i że ustawienie Viewed Product jest zaznaczone na stronie ustawienia integracji. Nasze integracje Shopify włączają również Submitted Search, Viewed Collection i Added to Cart poprzez ustawienie Track behavioral events.

Jeśli zamiast tego chcesz dodać śledzenie w witrynie za pośrednictwem Google znacznik zarządcy, upewnij się, że najpierw wyłączyłeś osadzanie aplikacji. Następnie użyj poniższego fragmentu kodu.

"Kolekcje" nie są dostępne za pośrednictwem Shopify's AJAX API więc Shopify znacznik produktu (znacznik) są zbierane zamiast tego w poniższym fragmencie.

<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"> 
 //Viewed Product
var Klaviyo = window.Klaviyo || [];
product_handle = location.href.podział( '/' ).pop()podział( '?' )[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,
 znacznik: item.Categories,
 ImageUrl: item.ImageURL,
 Url: item.URL,
 Metadata: {
      Brand: item.Brand,
      Price: item.Price,
      CompareAtPrice: item.CompareAtPrice
    }
  });
// Jeśli chcesz dodać również fragment dodawany do koszyka, umieść go tutaj bez znacznika skryptu
})
.catch(function(e){
  console.log('Klaviyo could not track Viewed Product. Please contact Klaviyo Support for assistance.')
});
</script>

Dodatkowe źródła

• Śledzenie aktywności na stronie przez Klaviyo: pierwsze kroki
• Informacje o śledzeniu konwersji wiadomości
• Jak tworzyć sekwencje porzuconego przeglądania?