google tag manager i wp sajtovi

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


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


KAKO IZGLEDA INTERFEJS GTM


GTM STRUKTURA KONTEJNERA

Tags (oznake)

Triggers (pokretači)

Variables (promenjlive)


TAGOVI

Universal Analytics/Google Analytics

AdWords, Doubleclick

AdRoll, Adometry, Mediaplex...

LinkedIn

Clicktale

Custom HTML, Custom image (pixel)


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


VARIABLES

Ranije poznati kao macros

Predefinisani ili korisnički definisani (custom):DOM elementConstantCookieData layer variable Lookup tableRandom numberCustom JS...


PREDEFINISANE VARIJABLE


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)


Š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


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


PRIMER UPOTREBE (UNIVERSAL ANALYTICS)


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.



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


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



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




3.a



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...


ALATI ZA DEBUGGING

Chrome ekstenzija: Google Tag assistant

GTM sniper

WASP

Interni GTM debugger (Preview mode)


KORISNI LINKOVI

Twitter nalozi: @SimoAhava

@philpearce

@briankuhn

@fastbloke

Google+ GTM grupa:

http://bit.ly/gplusgtmgroup


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


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]


http://rs.linkedin.com/in/igorkolosov

http://google.com/+IgorKolosov

https://profiles.wordpress.org/igorkol

google tag manager i wp sajtovi

Data & Analytics