google tag manager & wordpress

13
Google Tag Manager Mgr. Karol Vörös – WEBGLOBE, s.r.o. 2.12.2014 Wordpress meetup Bratislava

Upload: webglobe-yegon

Post on 07-Jul-2015

429 views

Category:

Internet


4 download

DESCRIPTION

Základné informácie o nástroji Google Tag Manager pre začiatočníkov. Prezentácia ozrejmí načo tento nástroj je, kto ho využije a ako funguje so systémom Wordpress. Vytvoril Karol Vörös (@kavoros) pre Wordpress Meetup 4.12.2014.

TRANSCRIPT

Page 1: Google Tag Manager & Wordpress

Google Tag ManagerMgr. Karol Vörös – WEBGLOBE, s.r.o.

2.12.2014Wordpress meetup Bratislava

Page 2: Google Tag Manager & Wordpress

Čo to je?

• Nástroj na správu VŠETKÝCH sledovacích skriptov na webe

• http://www.google.com/tagmanager/

• Google aj iné

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 2

Page 3: Google Tag Manager & Wordpress

Pre tých, čo:

• nemajú prístup do kódu (agentúra)

• nevedia upraviť zdrojový kód (klient)

• nebaví neustále upravovať kód (developer)

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 3

Page 4: Google Tag Manager & Wordpress

Ako funguje

• 1. Do webu si vložíte script GTM. (niečo ako UA kód)

• 2. Cez webové rozhranie nastavíte značky, pravidlá, makrá.

• 3. Vznikne kontajner, ktorý obsahuje všetky skripty.

• 4. Keď používateľ otvorí stránku, načíta sa celý kontajner.

• 5. V prehliadači používateľa dochádzka k vyhodnoteniu a spúšťaniujednotlivých značiek na základe pravidiel.

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 4

Page 5: Google Tag Manager & Wordpress

Ako funguje

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 5

Page 6: Google Tag Manager & Wordpress

GTM a Wordpress

• DuracellTomi's Google Tag Manager for WordPress (download)

• Ideálne vložiť za <body> - nutné upraviť súbory šablóny

• Auto event tracking : formuláre cez CF7 nechytá (nutné generovaťevent)

• Transakcie cez Woocommerce defaultne nechytá -> rieši integrácia s pluginom

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 6

Page 7: Google Tag Manager & Wordpress

GTM a Contact Form 7

• Pri odosielaní nutné generovať event – cez CF7• on_sent_ok: "dataLayer.push({'event': 'odoslanie-formulara'});“

• Nastaviť pravidlo – ak nastane udalosť – cez GTM• event=odoslanie-formulara

• Nastaviť značku, ktorá sa spustí, ak je splnená podmienka – cez GTM• Event do Google Analytics

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 7

Page 8: Google Tag Manager & Wordpress

GTM a WooCommerce

• V základe nefunguje (iná syntax)

• DuracellTomi's GTM… by to mal zvládnúť

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 8

Page 9: Google Tag Manager & Wordpress

GTM a WooCommerce

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 9

Page 10: Google Tag Manager & Wordpress

Otázky?

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 10

Page 11: Google Tag Manager & Wordpress

Rekapitulácia

• Rýchle vkladanie značiek bez čakania na iných (programator, klient,..)

• Vkladať a spúšťať značky bez zásahu do kódu (na rozdiel od GA)

• Testovať a až potom nasadiť

• Sledovať mobilné appky

• Nevie:• Merať a reportovať data – na to je Universal Analytics

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 11

Page 12: Google Tag Manager & Wordpress

Užitočné odkazy

• http://www.h1.cz/files/jak-na-gtm.pdf

• https://support.google.com/tagmanager/

• http://www.simoahava.com/category/gtm-tips/ - vela how to na makrá

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 12

Page 13: Google Tag Manager & Wordpress

Kontakt

• @kavoros (TW,FB)

• www.kavoros.sk

3.12.2014 Wordpress meetup Bratislava, Karol Vörös 13