Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać śledzenie zdarzeń Google Analytics w WordPressie

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz śledzić włączanie się użytkowników na twojej witrynie? Możesz śledzić odsłony, źródło odesłania, czas spędzony na stronie i wiele więcej, po prostu instalując Google Analytics, ale aby uzyskać bardziej dogłębny wgląd, musisz użyć śledzenia zdarzeń. W tym artykule pokażemy, jak dodać śledzenie zdarzeń Google Analytics w WordPress.

Czym jest śledzenie zdarzeń w Google Analytics?

Śledzenie zdarzeń pozwala mierzyć interakcje użytkowników na twojej witrynie internetowej. Interakcje te mogą obejmować kliknięcie przycisku, odtworzenie filmu, pobranie plików, przesłanie formularzy itp.

Załóżmy, że dodałeś film na swojej stronie produktu i teraz chcesz wiedzieć, jak skutecznie wpływa on na konwersje. Śledzenie zdarzeń pozwala śledzić, ilu użytkowników odtworzyło film, dzięki czemu możesz sam to ocenić.

Innym przykładem jest przesyłanie formularzy w oparciu o ajax. Jeśli korzystasz z Gravity Forms lub innej wtyczki formularza kontaktowego, przesłanie formularza nie powoduje nowej odsłony.

Korzystając ze śledzenia zdarzeń, można zobaczyć, w jaki sposób użytkownicy wchodzili w interakcję z formularzem.

To samo dotyczy pobierania plików zawartych na stronie. Możesz śledzić, ilu użytkowników pobrało plik za pomocą śledzenia zdarzeń, a nawet który przycisk na stronie był najczęściej klikany.

Śledzenie zdarzeń różni się od śledzenia odnośników w Google Analytics. Możesz śledzić odnośniki w WordPressie za pomocą Google Analytics, po prostu dodając źródło UTM do linku.

Te mierzalne działania pozwalają zobaczyć, jak użytkownicy zachowują się na twojej witrynie. Następnie możesz zmienić swoją strategię, aby dodać treści, które generują większe zaangażowanie użytkowników i interakcję. Ostatecznie oznacza to większą sprzedaż i konwersje na Twojej witrynie internetowej.

Pierwsze kroki

Zanim zaczniesz, musisz skonfigurować i zainstalować Google Analytics na twojej witrynie WordPress. Jeśli nie jesteś zaznajomiony z korzystaniem z Google Analytics, możesz wypróbować nasz przewodnik dla początkujących na temat korzystania z Google Analytics.

Jeśli korzystasz już z Google Analytics, możesz od razu przejść do śledzenia zdarzeń.

Aktualizacja do kodu Universal Analytics

Obecnie na witrynach internetowych zaimplementowane są dwa rodzaje Google Analytics. Google powoli wypiera starszy kod, prosząc webmasterów o korzystanie z nowszego „Uniwersalnego kodu Analytics”.

Jeśli Twój kod Google Analytics wygląda tak:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXX-1', 'auto');
  ga('send', 'pageview');

</script>

.

Oznacza to, że korzystasz już z nowszego kodu Universal Analytics. Nie jest wymagane żadne działanie i możesz przejść do następnego kroku.

Jeśli twój kod nie wygląda tak, to prawdopodobnie używasz starszego kodu Google Analytics. Konieczna będzie aktualizacja, Google ma szczegółowy przewodnik dotyczący aktualizacji. Zasadniczo, jeśli nie korzystasz z zaawansowanych funkcji śledzenia w Google Analytics, możesz po prostu przełączyć stary kod na nowy w ustawieniach właściwości twojego konta.

Tworzenie twojego wydarzenia w Google Analytics

Najpierw musisz utworzyć twoje wydarzenie na koncie Google Analytics. Wystarczy zalogować się do twojego kokpitu Analytics i kliknąć odnośnik Administrator u góry. Jeśli masz wiele witryn internetowych na swoim koncie analitycznym, upewnij się, że zobaczyłeś kokpit witryny, w której chcesz dodać wydarzenie.

Google Analytics dashboard

Na stronie administratora znajdują się trzy kolumny. Kliknij odnośnik „Cele” w kolumnie „Zobacz”.

Creating Goals in Google Analytics

Następnie kliknij przycisk nowego celu, aby go utworzyć. Z opcji konfiguracji celu należy wybrać opcję dostosuj, a następnie kliknąć przycisk dalej, aby kontynuować.

Creating custom goal in Google Analytics

Spowoduje to przejście do kroku Opis celu. Musisz podać tytuł twojego własnego celu, jest to coś, co pomoże ci zidentyfikować cel w Google Analytics.

Pod rodzajem celu należy wybrać Zdarzenie. Następnie kliknij przycisk następnego kroku, aby kontynuować.

Entering custom goal title and selecting event as the goal type

Ostatnim krokiem jest podanie szczegółów celu. W tym miejscu należy wpisz warunki wydarzenia.

Analytics policzy konwersję, gdy wszystkie te warunki będą zgodne.

W tym przykładzie podaliśmy kategorię i działanie dla zdarzenia. Wpiszemy etykietę zdarzenia i podamy wartość. W zależności od rodzaju zdarzenia, które próbujesz utworzyć, możesz nazwać swoją własną kategorię, działania i etykiety.

Jeśli uważasz, że twoje wydarzenie powinno przekazywać wartość, którą można obliczyć, możesz ją tutaj wpisz. Jednak w przypadku większości typowych śledzenia zdarzeń użycie wartości 0 również działa dobrze.

Entering event conditions for custom goal in Google Analytics

Na koniec kliknij przycisk „Utwórz cel”, aby zapisać i włączyć cel. Pomyślnie włączono śledzenie wydarzenia w Google Analytics. Następnym krokiem jest śledzenie tego wydarzenia na twojej witrynie internetowej i wysyłanie danych do Google Analytics.

Dodawanie śledzenia zdarzeń onClick w Google Analytics

Najprostszym i prawdopodobnie najszybszym sposobem dodania śledzenia zdarzeń Google Analytics jest użycie metody onclick. Metoda ta po prostu wysyła warunki zdarzenia do Google Analytics, gdy użytkownik kliknie element.

W tym przykładzie śledzimy użytkowników, którzy kliknęli odnośnik do pobrania eBooka.

Dodamy parametr onClick do odnośnika pobierania przy użyciu tego formatu.

onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"

.

Będziesz musiał zastąpić kategorię, działanie, etykietę i wartość warunkami twojego wydarzenia. Ostatecznie twój odnośnik do pobrania będzie wyglądał następująco.

<a onClick="ga('send', 'event', 'Downloads', 'Click', 'Ebook downloaded', '0');" href="http://example.com/wp-content/uploads/2015/06/free-ebook.pdf">Download Free Ebook</a>

.

To wszystko, gdy użytkownicy klikną ten odnośnik, wyśle on zdarzenie do Google Analytics, które pojawi się w raportach twojej witryny.

Dodawanie śledzenia zdarzeń za pomocą Menedżera tagów Google

Google Tag Manager to narzędzie online, które umożliwia dodawanie różnych kodów śledzenia jako tagów w ramach jednego kokpitu.

Można go również używać do tworzenia tagów do śledzenia zdarzeń na twoim koncie Google Analytics. Główną zaletą korzystania z Menedżera tagów Google jest to, że nie musisz ręcznie wstawić kodu do swojej witryny internetowej i możesz zarządzać wszystkimi tagami z jednego miejsca.

Jeśli już dodałeś kod śledzenia Google Analytics do twojej witryny ręcznie, musisz go usuwać. Skorzystaj z naszego poradnika, jak zainstalować i skonfigurować Menedżera tagów Google w WordPress, aby dodać kod Analytics do twojej witryny internetowej.

Po pomyślnym dodaniu tagu Google Analytics w menedżerze tagów, następnym krokiem jest utworzenie nowego wyzwalacza. Na potrzeby tego poradnika będziemy śledzić przesłanie formularza kontaktowego jako zdarzenie.

Kliknij na Triggers w menadżerze tagów, a następnie kliknij na przycisk New.

Triggers in Google Tag Manager

Spowoduje to przejście do kreatora tworzenia wyzwalacza. W tym miejscu należy wybrać formularz wyboru zdarzenia.

Choose form as your event

W sekcji konfigurowania wyzwalacza należy odznaczyć opcję oczekiwania na tagi i zaznaczyć opcje sprawdzania poprawności. Następnie kliknij przycisk Kontynuuj, aby przejść do następnego kroku.

Configure trigger options

W następnym kroku należy wybrać, kiedy wyzwalacz ma zostać uruchomiony. Jeśli twoja strona ma tylko jeden formularz, możesz wybrać wszystkie formularze. Jeśli twoja strona ma więcej niż jeden formularz, wówczas klikasz przycisk niektórych formularzy.

When to fire the trigger

Jeśli twoja strona ma więcej niż jeden formularz i chcesz śledzić konkretny formularz, musisz powiedzieć Menedżerowi tagów Google, który formularz chcesz śledzić. Po kliknięciu przycisków niektórych formularzy zobaczysz filtry.

Creating a fire on filter

Filtr to po prostu zestaw instrukcji, takich jak jeśli A pasuje do B, to uruchom wyzwalacz. Musisz wybrać nową zmienną.

Wybranie nowej zmiennej spowoduje wyświetlenie wyskakującego okienka, w którym możesz utworzyć twoją własną zmienną. Wybierz element DOM jako twój rodzaj zmiennej. Następnie w sekcji konfigurowania zmiennej wybierz identyfikator jako twoją metodę wyboru.

Teraz musisz znaleźć identyfikator twojego formularza. Przejdź na stronę formularza w twojej witrynie WordPress, najedź myszką na pierwsze pole formularza i wybierz opcję inspect element.

Ekran twojej przeglądarki podzieli się na dwie części. Na dolnym ekranie zobaczysz kod HTML twojej strony. Identyfikator będzie częścią twojego tagu <form> lub elementu div zawierającego formularz.

Finding the form element ID

Skopiuj i wklej identyfikator formularza pod identyfikatorem elementu i atrybutem. Następnie kliknij przycisk tworzenia zmiennej.

Wrócisz do Fire on filter, gdzie możesz teraz wybrać twój konfigurator. W regule dopasowania wybierz „zawiera”, a następnie ponownie wpisz identyfikator twojego formularza.

Teraz kliknij przycisk create trigger, aby kontynuować.

Następnym krokiem jest utworzenie tagu dla zdarzenia, które chcemy śledzić. W Menedżerze tagów Google kliknij Tagi, a następnie kliknij przycisk Nowy.

Spowoduje to przejście do kreatora tworzenia tagów. Wybierz Google Analytics jako twój produkt, a następnie kliknij przycisk Kontynuuj.

Creating an event tracking tag in Google Tag Manager

Teraz musisz wybrać Universal Analytics jako twój rodzaj tagów. Zostaniesz poproszony o podanie twojego identyfikatora śledzenia Google Analytics. Możesz go uzyskać ze swojego konta Google Analytics.

Pod rodzajem śledzenia należy wybrać zdarzenie, a następnie podać informacje o kategorii, działaniu, etykiecie i wartości. W tym przykładzie użyliśmy Forms jako kategorii, Form submission jako działania, formularza kontaktowego jako etykiety i submitted jako wartości.

Kliknij przycisk Kontynuuj, aby przejść do następnego kroku. W tym miejscu należy wybrać, kiedy tag ma zostać uruchomiony. Kliknij przycisk więcej i wybierz utworzony wcześniej wyzwalacz.

Select your trigger

Na koniec możesz kliknąć przycisk tworzenia tagu, aby zapisać twój tag.

Pamiętaj, że zapisanie tagu nie spowoduje, że zostanie on uruchomiony na twojej witrynie internetowej. Nadal będziesz musiał kliknąć przycisk publikowania, aby go uruchomić.

Publish your container

To wszystko, możesz teraz przejść do swojej witryny internetowej i przesłać formularz. Przejdź do zakładki Czas rzeczywisty ” Zdarzenia na Twoim koncie Analytics, a zobaczysz, że Twoje zdarzenie jest śledzone i rejestrowane.

Event tracked in Google Analytics

Za pomocą menedżera tagów można tworzyć różne rodzaje zdarzeń i zarządzać nimi wszystkimi z poziomu Menedżera tagów Google. Oszczędza to również edytowania twojego motywu WordPress lub ręcznego dodawania kodu śledzenia.

Mamy nadzieję, że ten artykuł pomógł ci dodać śledzenie zdarzeń Google Analytics do twojej witryny WordPress. Możesz również zapoznać się z naszą listą 7 najlepszych rozwiązań analitycznych dla użytkowników WordPress.

Jeśli spodobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć poradniki dotyczące filmów WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

13 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Andrew Laws says

    Well thank goodness for this blog post!

    I have been banging my head against a wall trying to get Contact Form 7 form submissions to trigger as an event in Analytics for a long time.

    I’m struggling to get the event goal working properly in Analytics though. In the goal details I have set up the following but goals are not being recorded:

    Category (equals to) – Forms
    Action (equals to) – Form submission
    Label (equals to) – Contact form
    Value (greater than) – 1

    Initially I left the value field empty as I can’t enter 'Submitted’ so it matches the trigger in Tag Manager.

    Can you spot where I’m making a glaring mistake here?

    Thanks!

  3. Nathan says

    Hey guys!! Awesome article!!

    I’ve been having a problem with event tracking on click. I’m using wordpress 4.5 fashionista theme, the problem is:

    When I add the tracking code to the link on the text editor it’s everything ok. But If I make any change on the visual editor on the same article after this and save it, the event tracking code simply desapear!!!

    Could someone help me with this issue? I’m placing the event code just after the „a” on the beggining of the tag, as the example of the article…

    Thank very much!!!

  4. Adam Belson says

    Hi. We are having problems when adding tracking code (using Tracking on Click). When we do so, we’re seeing that on mobile devices the button no longer works. Not sure if there is anything obvious we need to do differently?

  5. Max says

    Hey guys!

    The article is just brilliant.

    I am not sure if there was an upgrade since your post, but i am stuck on „Create Trigger” stage.
    First two steps – no problems, but the third (Enable When) and fourth (Fire On) are different for me than what you show.
    For you, #3 is „Fire On” with options (All form, some forms) instead of „Enable When” with only filters for me.

    So, i have only filters in step 3 „Enable When” and step 4 „Fire On”.
    Going through your guide i ended up with both of them having my Form ID in DOM element.

    Is that correct?

  6. Honza says

    Nice article. I was looking for some WP plugin able to do this but now I see it is not necessary.
    However, what if I need to know from which site visitor came and submited a form?
    I have codes tracking AdWords or Facebook but how to track conversions from regular websites? Any plugin needed?
    Thank you for your help.

  7. peter says

    I set up the goal okay and then inserted the onClick code into the link as described, I hit update, but the code disappears when I go to visual and then back to text view. What am i doing wrong?

  8. Bob Senoff says

    Hey Syed,

    Excellent piece especially covering Google Tag manager which makes it a lot easier to maintain all of your tags in one place.

    Since it’s important to be tracking Google Events on your Call to Action and Buy Now buttons I wanted to point out that MaxButtons Pro lets you do that without any additional coding on the buttons.

    Best,

    Bob

  9. JANE says

    This is super helpful. I was able to follow the instructions to make sure that my goals and tags were setup correctly. I was troubleshooting why my goals have 0 completions. It turned out I forgot to publish my tags. Thanks for the step by step instructions.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.