Permanentna inwigilacja. Podstawy analityki w WordPressie

Permanentna inwigilacja
Podstawy analityki w WordPressie
WordUp Kraków #zima 2016

Tomasz Kołkiewicz
tomek@seo4.net
#SEO
#SEM
#WebAnalytics
#WordPress
#HTML
#CSS

O czym będzie ta prezentacja?
1. Co to jest analityka, jakie są cele strony, co mierzyć?
2. Jak wdrażać śledzenie w WordPressie
3. Przykłady analityki w WordPressie

Episode I
Co to jest ta
analityka webowa
???
_…._..____.

Analiza danych o zachowaniu
użytkowników w serwisie w celu
podnoszenia ich komfortu
i realizacji postawionych celów.
Dane zbierane są przez statystyki,
takie jak np. Google Analytics.
Analityka webowa (web analytics)

Jakie są cele stron internetowych?
Rodzaj strony Wybrane cele Jak mierzymy
sklepy internetowe sprzedaż transakcje e-commerce
strony firmowe pozyskiwanie leadów wysyłki formularza
serwisy informacyjne
angażowanie użytkownika w
czytanie artykułów i
powracanie do serwisu,
zarabianie na reklamach,
czas na stronie,
ilość odwiedzonych podstron
na sesję
blogi
samorealizacja,
budowanie wizerunku,
zarabianie na reklamach,
czas na stronie,
ilość odwiedzonych podstron
na sesję (choć nie zawsze)

A czy można
prowadzić stronę
bez określenia
celów?

Episode II
Wdrażamy
śledzenie
w WordPressie
_..__..._..._._

Kod śledzący Google Analytics
<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-XXXXXXXX-X', 'auto');
ga('send', 'pageview');
</script>
Jeśli używamy pobranego motywu, kod
śledzący osadzamy w motywie potomnym!
Miejsce wklejenia - przed znacznikiem </head>

osadza kod śledzący
wyświetla ogólne dane
dotyczące odwiedzin w kokpicie
umożliwia śledzenie zdarzeń
(kliknięcia mailto i linków wychodzących,
ściągnięcia plików)
możliwość wyłączenia trackingu i tylko odbierania danych z GA

wyświetla ogólne dane
dotyczące odwiedzin
w kokpicie
osadza kod śledzący
umożliwia śledzenie
zdarzeń (kliknięcia mailto
i linków wychodzących,
ściągnięcia plików)

Google Tag Manager - co to takiego?
Organizer kodów śledzących.
Przechowuje kody śledzące (tagi) i reguły ich odpalania.

Po co ten Google Tag Manager
Usprawnia osadzanie kodów śledzących
(nie musimy prosić programisty/kodera)
Nie wymaga znajomości kodu - możemy sobie (prawie)
wszystko wyklikać w panelu
Wszystkie kody w jednym miejscu
Debugowanie
Współdzielenie
Wersjonowanie

Kod kontentera GTM
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
Miejsce wklejenia - po znaczniku <body>
Jeśli używamy pobranego motywu, kod
kontenera osadzamy w motywie potomnym!

Czego można oczekiwać od wtyczki,
która tylko osadza
kod śledzący w witrynie?

Data Layer w GTM
Warstwa danych
Trzyma dane zebrane przez
kody śledzące i stronę.
Dane przekazywane są do
Google Analytics

● integracja z formularzami Contact Form 7,
● śledzenie scrolla,
● informacje o pogodzie (pochmurno, deszcz, śnieg i inne),
temperatura, ciśnienie, siła wiatru,
● inne zdarzenia

Pluginy przeglądarkowe
Tag Assistant
Pomaga w weryfikacji kodów śledzących
dataslayer
Pomaga w debugowaniu warstwy danych

Użycie wtyczki do Google Analytics i GTM
jednocześnie w WordPressie
1. Dowolny plugin do GTM.
Cel: śledzenie i obsługa warstwy danych
2. Google Analytics Dashboard for WP
z wyłączonym trackingiem Google Analytics.
Cel: wyświetlanie statystyk w kokpicie WP
Ostrożnie, aby nie zdublować obsługi śledzenia

Episode III
Przykłady
analityki
w WordPressie
.._.__..._.___.

To jest Kasia.
Kasia prowadzi bloga kulinarnego
Kasia monitoruje zachowanie
użytkowników na swoim blogu,
aby poprawiać jego jakość.
Kasia jest mądra :)
Bądź jak Kasia!

100%-owa satysfakcja i 100%-owy współczynnik odrzuceń?! WTF?!!!
1 2
43

Czy współczynik
odrzuceń na pewno
mierzy to,
co powinien
mierzyć?

Współczynnik odrzuceń (bounce rate)
I came,
I puked,
I left.
~Avinash Kaushik

UA-XXXXXX-X
Edycja tagu GTM Edycja reguły GTM
Naprawiamy monitorowanie współczynnika odrzuceń
za pomocą GTM

Efekty poprawek w śledzeniu współczynnika
odrzuceń

Monitorujemy zaangażowanie
np kliknięcia w inne artykuły na blogu
wtyczka YARPP wtyczka upPrev
widget ostatnie wpisy

Tworzymy tagi i reguły dla każdego rodzaju
zdarzenia

Edycja tagu GTM Edycja reguły GTM
Szczegóły tagów i reguł zdarzeń dla wtyczki YARPP
Szczegóły warunków uruchamiania

Monitorujemy zdarzenia
Google Analytics > Zachowanie > Zdarzenia > Najczęstsze zdarzenia

Epilog
Czyli po co nam ta
analityka?
...

Dzięki analityce potrafimy odpowiedzieć
na pytania m.in.:
● W jakim stopniu udaje się realizować nasze cele?
● Czy zmiany w serwisie wpływają na poprawę osiągania
celów?
● Ile nas kosztują i ile zarabiamy na poszczególnych
celach?

Dziękuję :)
Tomasz Kołkiewicz
tomek@seo4.net
WordUp Kraków #zima 2016

Permanentna inwigilacja. Podstawy analityki w WordPressie

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Permanentna inwigilacja. Podstawy analityki w WordPressie

Similar to Permanentna inwigilacja. Podstawy analityki w WordPressie (20)

Permanentna inwigilacja. Podstawy analityki w WordPressie