Bez względu na rodzaj Twojej witryny, wiedza o tym, w jaki sposób użytkownicy wchodzą w interakcję z Twoją witryną, jest niezbędna. Google Analytics (GA) jest tradycyjnie narzędziem używanym przez webmasterów do uzyskiwania wglądu w ruch w witrynie. GA dostarcza użytkownikom statystyki i raporty dotyczące:

Liczba odwiedzających Twoją witrynę
Z jakiego kraju pochodzą?
Ile stron odwiedzili na sesję
Najpopularniejsze strony w Twojej witrynie
Ilu odwiedzających witrynę zostało odrzuconych (pozostało bez wykonywania żadnych czynności)

Śledzenie podstawowych danych, takich jak wyświetlenia strony, czas trwania sesji i współczynnik odrzuceń za pomocą GA, wymaga umieszczenia kodu śledzenia GA^{(GA Tracking Code)} lub fragmentu kodu JavaScript GA na każdej stronie internetowej. ^{(GA JavaScript)}Jest to idealne rozwiązanie do śledzenia ogólnych informacji.

Jednak w przypadku bardziej szczegółowych danych lub wielu interakcji trudniej jest śledzić każde działanie. Na przykład właścicielowi witryny, który chce śledzić kilka różnych formularzy i różnych funkcji, zajęłoby to dużo czasu, aby skonfigurować i uruchomić wszystkie niezbędne tagi.

Google Tag Manager ( GTM ) to bezpłatne narzędzie do zarządzania tagami, które ułatwia śledzenie wszystkich tagów.

Co to jest Menedżer tagów Google?^{(What Is Google Tag Manager?)}

Zamiast zastępować GA, GTM współpracuje z GA (który jest samym tagiem), aby pomóc użytkownikom dodawać kod śledzenia (tagi), definiować reguły i wdrażać fragmenty kodu.

Dane zbierane przez GTM są przesyłane i przechowywane w GA i innych narzędziach, takich jak Google Ads , PayPal i Facebook .

Przykłady tagów, które właściciele witryn mogą chcieć śledzić to:

Reklamy Google
Wydarzenia
Kod piksela Facebooka
Remarketing
Niestandardowy kod HTML/JavaScript

Właściciele witryn powinni decydować, jakie zachowania zapewnią informacje potrzebne do podejmowania lepszych strategicznych decyzji marketingowych. Następnie użyj Menedżera tagów Google^{(Google Tag Manager)} do zbierania danych i analizowania wyników.

W tym artykule opiszemy, jak rozpocząć korzystanie z GTM w swojej witrynie.

Skonfiguruj swoją witrynę^{(Set Up Your Website)}

Jeśli nie masz jeszcze konta Menedżera tagów Google , ^{(Google Tag Manager)}załóż je^{(set one up)} .

Dodaj nazwę konta, kraj, konfigurację kontenera (swoją domenę) i platformę docelową (wybierz sieć). Następnie kliknij Utwórz^(Create) .
Po zaakceptowaniu warunków korzystania z usług Google zobaczysz identyfikator kontenera z dwoma fragmentami kodu.

Aby zakończyć proces konfiguracji, musisz dodać oba fragmenty do każdej strony witryny. Upewnij się, że dodałeś je we właściwym miejscu. Jeden należy do <head> Twojej strony. Drugi idzie za otwierającym tagiem <body> .
Jeśli potrzebujesz dodatkowej pomocy przy instalowaniu fragmentów, przeczytaj Przewodnik szybkiego startu^{( Quick Start Guide)} Google . Lub, jeśli używasz WordPressa^(WordPress) , możesz użyć kilku wtyczek .^{( several plugins)}
Po utworzeniu kontenera możesz zacząć dodawać tagi i wyzwalacze, aby uzyskać wgląd w użytkowników Twojej witryny.

Poniżej^(Below) znajduje się przykład działania w witrynie, które pomoże Ci zmierzyć Twoje działania marketingowe.

Kliknięcia przycisku śledzenia^{(Tracking Button Clicks)}

Kliknięcia przycisków^(Button) odnoszą się do liczby kliknięć wezwania do działania ( CTA ) w witrynie. Wiele witryn zawiera wiele wezwania^(CTAs) do działania , na przykład:

Pobierać.
Dodaj do koszyka.
Kliknij by zadzwonić.
Subskrybuj.
Zapisz się.
Zaczynaj.
Pobierz bezpłatny raport.
Ucz się więcej.
Przystąp.

Skonfiguruj niektóre zmienne^{(Set Up Some Variables)}

Kliknij Zmienne^(Variables) , a następnie Konfiguruj^(Configure) w nawigacji po lewej stronie.
Przewiń w dół i kliknij Element, Klasy, ID, Cel, URL^{(Element, Classes, ID, Target, URL )} i Tekst^(Text) .

Następnym krokiem jest włączenie wyzwalacza, który uruchomi się przy wszystkich kliknięciach. Kliknij ^(Click)Wyzwalacze^(Triggers) w nawigacji po lewej stronie i naciśnij NOWY.^(NEW.)

Następnie nadaj swojemu wyzwalaczowi nazwę. Nazwijmy to Kliknięciem przycisku^{(Button Click)} .
Aby wybrać typ reguły, kliknij wewnątrz okna reguły, przewiń w dół wyskakującego okienka i kliknij Wszystkie elementy^{(All Elements)} .
Upewnij się, że ustawiłeś Ten wyzwalacz uruchamia^{(This trigger fires)} się przy wszystkich kliknięciach^{(All Clicks )} i kliknij Zapisz^{( Save)} .

Aby upewnić się, że tag działa poprawnie, kliknij przycisk Podgląd^(Preview) . Pojawi się pomarańczowy pasek, abyś wiedział, że jesteś w trybie podglądu.

Otwórz swoją witrynę w nowej karcie przeglądarki i odśwież stronę. Zobaczysz elementy podsumowania w trybie szybkiego podglądu. Ponieważ w tym przykładzie ustawiamy regułę tak, aby uruchamiała się za każdym razem, gdy ktoś kliknie w Twojej witrynie, zostanie ona zarejestrowana jako kliknięcie GTM .
Jeśli chcesz zidentyfikować konkretny przycisk na stronie, wybierz jedno z kliknięć w panelu podglądu Menedżera tagów Google . ^{(Google Tag Manager)}Następnie kliknij Zmienne^(Variables) .

Zobaczysz klasy klikania, klikania elementów i klikania tekstów. Wszystkie różne kliknięcia i klasy kliknięć są zapisywane. Po zlokalizowaniu zmiennych zastanów się, co odfiltrować dla przycisku, który chcesz śledzić.

Kliknij^(Click) ten przycisk witryny, a podświetli on sekcję podsumowania w podglądzie GTM pod Twoją witryną.

Przyjrzyj się zmiennym powiązanym z wybranym przyciskiem, takim jak klasy Click, Click Element^{(Click Element)} i Click ID . Użyj tych informacji, aby skonfigurować kliknięcie przycisku. Wróć do Menedżera tagów Google^{(Google Tag Manager)} . Przejdź^(Navigate) do Kliknięcie przycisku^{(Button Click)} .

Na potrzeby tego artykułu skonfigurujmy przycisk Pobierz bezpłatny raport^{(Grab your free report)} , więc zmień nazwę przycisku na Pobierz bezpłatny raport CTA^{( Grab your free report CTA)} .

Przejdź do Ten wyzwalacz^{(This trigger fires on)} jest aktywowany i wybierz opcję Niektóre kliknięcia^{(Some Clicks)} .

Tutaj możesz filtrować według zmiennych znalezionych w trybie podglądu.

Wróć do podglądu swojej witryny i zapisz zmienne dla przycisku, który chcesz śledzić. Różne^(Different) części przycisku mogą mieć różne klasy w zależności od tego, gdzie klikniesz.

Najlepszym rozwiązaniem jest przełączenie śledzenia na Kliknięcie linku^{(Link Click)} , ponieważ klasy są takie same bez względu na to, gdzie klikniesz. Kliknięcie łącza to hiperłącze, które pozostaje stałe.

Aby to zmienić w GTM , wybierz opcję Kliknij – Wszystkie elementy^{(Click – All Elements)} i zmień ją na Tylko linki^{(Just Links)} .

Użyj zajęć zapisanych w trybie podglądu i dodaj je w pustym polu po prawej stronie Kliknij Zajęcia^{(Click Classes )} i kliknij Zapisz^{( Save)} .

Utwórz tag^{(Create a Tag)}

Kliknij Tagi^(Tags) w nawigacji po lewej stronie i naciśnij Nowy^(New) .

Kliknij wewnątrz pola Konfiguracja tagów^{(Tag Configuration)} , aby otworzyć typy tagów. Przewiń^(Scroll) w dół i wybierz Niestandardowy kod HTML^{(Custom HTML)} .
Możesz użyć zmiennych w tej sekcji niestandardowego kodu HTML^{(Custom HTML)} , wpisując je w tych nawiasach { }.
Gdy zaczniesz wpisywać nawiasy, zobaczysz menu szybkiego wyszukiwania, w którym możesz wybrać zdefiniowane, istniejące zmienne.

Teraz musisz podłączyć to do wyzwalacza, który właśnie utworzyłeś. Kliknij^(Click) wewnątrz pola Wyzwalanie^(Triggering) , wybierz wyzwalacz i kliknij Zapisz^(Save) .
Odśwież ponownie stronę podglądu, aby przetestować swój przycisk. Kliknij^(Click) przycisk, aby sprawdzić, czy tag jest uruchamiany. Jeśli to nie zadziała, wróć i sprawdź wszystkie ustawienia.
Gdy są poprawne, zobaczysz Tagi uruchomione w tym wydarzeniu^{(Tags Fired on This Event)} . Teraz śledzisz kliknięcie przycisku.

Niech tag stanie się wydarzeniem^{(Make The Tag An Event)}

Wróć do GTM i wybierz właśnie utworzony tag. Upewnij się, że nadałeś mu nazwę możliwą do zidentyfikowania.
Zmień typ tagu z niestandardowego kodu HTML^{(Custom HTML)} na Google Analytics: Google Analytics : Universal Analytics .

Wybierz Zdarzenie^(Event) dla Typu Ścieżki^{(Track Type)} , Przycisk CTA^{(CTA Button)} dla Parametrów Śledzenia Zdarzeń^{(Event Tracking Parameters)} , Kliknij^(Click) dla Działania^(Action) i dodaj nazwę identyfikacyjną dla Etykiety^(Label) .
Przewiń^(Scroll) w dół do Ustawień Google Analytics^{(Google Analytics Settings)} , wybierz {{Google Analytics}} i kliknij Zapisz^(Save) . Teraz śledzisz swoje kliknięcia w Google Analytics jako zdarzenie.
Prześlij swoje wydarzenie, a następnie opublikuj^(Publish) je.
W sekcji Opis wersji kontenera^{(Container Version Description)} dodaj opisową nazwę wydarzenia i kliknij przycisk Kontynuuj^(Continue) .

Nowy wyzwalacz i nowy tag są teraz aktywne w Twojej witrynie, aby śledzić każde kliknięcie przycisku przez użytkownika witryny.

Nie ma ograniczeń co do liczby działań, które można śledzić za pomocą Menedżera tagów Google^{(Google Tag Manager)} . Im więcej danych zbierzesz i zmierzysz, tym lepiej będziesz w stanie dostosować swoje kampanie marketingowe i reklamowe w celu zwiększenia liczby konwersji i sprzedaży.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what tyрe of website you have, knowіng hоw your visitors interact with your site is esѕentіal. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Kajetan Król

About the author

Jestem technikiem komputerowym z ponad 10-letnim doświadczeniem i doświadczeniem w pracy z urządzeniami z systemem Android. Od pięciu lat pracuję również w biurze, gdzie nauczyłem się obsługi Office 365 i MacOS. W wolnym czasie lubię spędzać czas na świeżym powietrzu, grając muzykę lub oglądając filmy.

Jak korzystać z Menedżera tagów Google do analizy ruchu w witrynie?

Co to jest Menedżer tagów Google?^{(What Is Google Tag Manager?)}

Skonfiguruj swoją witrynę^{(Set Up Your Website)}

Kliknięcia przycisku śledzenia^{(Tracking Button Clicks)}