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>
Ale od czego mamy wtyczki?
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!
I znowu te wtyczki!
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

  • 1.
    Permanentna inwigilacja Podstawy analitykiw WordPressie WordUp Kraków #zima 2016
  • 2.
  • 3.
    O czym będzieta 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
  • 4.
    Episode I Co tojest ta analityka webowa ??? _…._..____.
  • 5.
    Analiza danych ozachowaniu 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)
  • 6.
    Jakie są celestron 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)
  • 7.
    A czy można prowadzićstronę bez określenia celów?
  • 9.
  • 10.
    Kod śledzący GoogleAnalytics <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>
  • 11.
    Ale od czegomamy wtyczki?
  • 12.
    osadza kod śledzący wyświetlaogó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
  • 13.
    wyświetla ogólne dane dotycząceodwiedzin w kokpicie osadza kod śledzący umożliwia śledzenie zdarzeń (kliknięcia mailto i linków wychodzących, ściągnięcia plików)
  • 14.
    Google Tag Manager- co to takiego? Organizer kodów śledzących. Przechowuje kody śledzące (tagi) i reguły ich odpalania.
  • 15.
    Po co tenGoogle 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
  • 16.
    Kod kontentera GTM <noscript><iframesrc="//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!
  • 17.
    I znowu tewtyczki!
  • 18.
    Czego można oczekiwaćod wtyczki, która tylko osadza kod śledzący w witrynie?
  • 19.
    Data Layer wGTM Warstwa danych Trzyma dane zebrane przez kody śledzące i stronę. Dane przekazywane są do Google Analytics
  • 20.
    ● integracja zformularzami Contact Form 7, ● śledzenie scrolla, ● informacje o pogodzie (pochmurno, deszcz, śnieg i inne), temperatura, ciśnienie, siła wiatru, ● inne zdarzenia
  • 22.
    Pluginy przeglądarkowe Tag Assistant Pomagaw weryfikacji kodów śledzących dataslayer Pomaga w debugowaniu warstwy danych
  • 23.
    Użycie wtyczki doGoogle 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
  • 24.
  • 25.
    To jest Kasia. Kasiaprowadzi bloga kulinarnego Kasia monitoruje zachowanie użytkowników na swoim blogu, aby poprawiać jego jakość. Kasia jest mądra :) Bądź jak Kasia!
  • 26.
    100%-owa satysfakcja i100%-owy współczynnik odrzuceń?! WTF?!!! 1 2 43
  • 27.
    Czy współczynik odrzuceń napewno mierzy to, co powinien mierzyć?
  • 28.
    Współczynnik odrzuceń (bouncerate) I came, I puked, I left. ~Avinash Kaushik
  • 29.
    UA-XXXXXX-X Edycja tagu GTMEdycja reguły GTM Naprawiamy monitorowanie współczynnika odrzuceń za pomocą GTM
  • 30.
    Efekty poprawek wśledzeniu współczynnika odrzuceń
  • 31.
    Monitorujemy zaangażowanie np kliknięciaw inne artykuły na blogu wtyczka YARPP wtyczka upPrev widget ostatnie wpisy
  • 32.
    Tworzymy tagi ireguły dla każdego rodzaju zdarzenia
  • 33.
    Edycja tagu GTMEdycja reguły GTM Szczegóły tagów i reguł zdarzeń dla wtyczki YARPP Szczegóły warunków uruchamiania
  • 34.
    Monitorujemy zdarzenia Google Analytics> Zachowanie > Zdarzenia > Najczęstsze zdarzenia
  • 35.
    Epilog Czyli po conam ta analityka? ...
  • 36.
    Dzięki analityce potrafimyodpowiedzieć 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?
  • 37.