Upload
igor-kolosov
View
305
Download
7
Embed Size (px)
Citation preview
GOOGLE TAG MANAGER NA WORDPRESS SAJTOVIMA
Igor Kolosov, Optimize Studio
WPMeetup Serbia, mart 2015
ŠTA JE GOOGLE TAG MANAGER
Alat koji omogućava aktiviranje unetog koda na izabranoj stranici prema određenom pravilu
Koristi se i za ubacivanje koda na aplikacije za mobilne uređaje
GTM nastao 2012, besplatan
Tag – pojedinačni kod (analitika, piksel, HTML/CSS)
mart 2015, #wpmeetupbg, @igorko_hub
KOME (NI)JE POTREBAN GTM
DA:Web analitika
Pikseli za praćenje
Specifično ponašanje web sajta na osnovu pravila
NE: Svima je potreban GTM
Lični blog kojem ne treba analitika ni praćenje
mart 2015, #wpmeetupbg, @igorko_hub
ZAŠTO KORISTITI GTM
Lakoća/brzina instalacije skripti
Kontrola skripti sa jednog mesta
Troškovi instalacije
Brzina websajta
Uredniji kod na stranici
Privatnost/bezbednost
mart 2015, #wpmeetupbg, @igorko_hub
KAKO IZGLEDA INTERFEJS GTM
mart 2015, #wpmeetupbg, @igorko_hub
KAKO IZGLEDA INTERFEJS GTM
mart 2015, #wpmeetupbg, @igorko_hub
GTM STRUKTURA KONTEJNERA
Tags (oznake)
Triggers (pokretači)
Variables (promenjlive)
mart 2015, #wpmeetupbg, @igorko_hub
TAGOVI
Universal Analytics/Google Analytics
AdWords, Doubleclick
AdRoll, Adometry, Mediaplex...
Clicktale
Custom HTML, Custom image (pixel)
mart 2015, #wpmeetupbg, @igorko_hub
PRAVILA (POKRETAČI) TAGOVA
klik (element, URL, tip fajla)
URL (stranica ili grupa stranica)
zavisnost od drugog taga (tag B nakon aktiviranog taga A)
formular (popunjen obrazac/forma)
JS greška
tajmer...
Mogu da budu uključujuća ili isključujuća pravila
mart 2015, #wpmeetupbg, @igorko_hub
VARIABLES
Ranije poznati kao macros
Predefinisani ili korisnički definisani (custom):DOM elementConstantCookieData layer variable Lookup tableRandom numberCustom JS...
mart 2015, #wpmeetupbg, @igorko_hub
PREDEFINISANE VARIJABLE
mart 2015, #wpmeetupbg, @igorko_hub
KAKO INSTALIRATI NA WORDPRESS
Dodavanjem GTM koda direktno u header.php Odmah posle otvorenog <body> HTML taga
Preko WP plugina: DuracellTomi’s Google Tag Manager (preporuka) -
http://bit.ly/gtmtomi U footer ili dodavanjem koda u template (preporuka)
Drugi pluginovi (WP Google Tag Manager, Google Tag Manager and Webmaster tools)
mart 2015, #wpmeetupbg, @igorko_hub
ŠTA JE DATA LAYER
JavaScript objekat koji sadrži informacije sa websajta koje se prosleđuju GTM
Primer:<script>
dataLayer = [{'pageCategory': 'signup','visitorType': 'high-value'
}];</script>
Obavezno pre učitavanja GTM, tj. pre <body> taga
Data layer popunjava GTM ili WP ili oba
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (UNIVERSAL ANALYTICS)
INSTALIRATI UNIVERSAL ANALYTICS (Google Analytics)
1. U GTM napraviti novi tag (oznaku) tipa Google Analytics
2. Izabrati Universal Analytics tip
3. Ubaciti ID naloga
4. Podesiti tip praćenja na Prikaz stranice (Pageview)
5. Podesiti gde (na kojim stranicama ili pri kojim eventovima) se aktivira tag i šalje podatke analitici
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (UNIVERSAL ANALYTICS)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
PRATITI PREUZIMANJE PDF (ili bilo kog drugog fajl formata)
1. U GTM uključiti sve ugrađene varijable za Klikove
2. Napraviti novi triger (pokretač) tipa Klik: Klik na link i kao uslov staviti: Click URL -> završava se sa (ends with)-> .pdf. Ostaviti maksimalno vreme čekanja od 2000ms i Proveru potvrde uključenim.
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
3. Napraviti novi tag (oznaku) tipa Google Analytics
4. Izabrati Universal Analytics tip
5. Ubaciti ID naloga
6. Podesiti tip praćenja na Događaj (Event)
7. Ubaciti ime kategorije (primer: „preuzet PDF“), akcije ( {{Click Text}} ), oznake (opciono) i vrednosti (opciono)
8. Staviti „Klik na PDF“ kao triger
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (PDF)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (LOGGED-IN USERS)
ISKLJUČITI ULOGOVANE WP KORISNIKE IZ GOOGLE ANALYTICS
1. U DuracelTomi’s pluginu uključiti opciju za prosleđivanje informacije o statusu korisnika u data layer
2. U GTM napraviti data layer varijablu koja „kupi“ vrednost iz data layera na web stranici
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (LOGGED-IN USERS)
3. Isključiti ulogovane korisnike iz analitikea) Zabranom u GTM slanja podataka analitici
b) Filtriranjem ulogovanih korisnika u Google Analyticsa) Napraviti novi View samo za neulogovane korisnike
b) Podesiti filter za isključivanje custom dimenzije iz podataka
c) Podesiti u GTM slanje custom dimenzije u GA
mart 2015, #wpmeetupbg, @igorko_hub
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.a
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.a
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.b
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.b
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.b
PRIMER UPOTREBE (LOGGED-IN USERS)
mart 2015, #wpmeetupbg, @igorko_hub
3.b
PRIMER UPOTREBE (DRUGO)
Neki od predloga dalje primene: Klik na social media dugmiće Praćenje (dužine/količine) skrolovanja niz stranicu Praćenje „mailto:“ klikova Praćenje klikova na sve eksterne (outbound) linkove Praćenje formi (submit ili klik na pojedinačno polje) Praćenje videa Praćenje klika na oglase Beleženje ključnih reči koje ne daju rezultate u pretrazi na sajtu Itd...
mart 2015, #wpmeetupbg, @igorko_hub
ALATI ZA DEBUGGING
Chrome ekstenzija: Google Tag assistant
GTM sniper
WASP
Interni GTM debugger (Preview mode)
mart 2015, #wpmeetupbg, @igorko_hub
KORISNI LINKOVI
Twitter nalozi: @SimoAhava
@philpearce
@briankuhn
@fastbloke
Google+ GTM grupa:
http://bit.ly/gplusgtmgroup
mart 2015, #wpmeetupbg, @igorko_hub
O MENI
Igor Kolosov
Agencija Optimize Studio Belgrade
Web analitičar specijalizovan za optimizaciju konverzije iunapređenje poslovanja internet kompanija. Psiholog poobrazovanju sa dugogodišnjim iskustvom u internet marketingu, sertifikovani Google Analytics konsultant, jedan od prvih Google Adwords partnera u Srbiji
mart 2015, #wpmeetupbg, @igorko_hub
KONTAKT PODACI
Twitter: @igorko_hub
LinkedIn: http://rs.linkedin.com/in/igorkolosov
Google+: http://google.com/+IgorKolosov
WP org: https://profiles.wordpress.org/igorkol
Websajt: igorkolosov.com
Email: [email protected]
mart 2015, #wpmeetupbg, @igorko_hub