Merokod Implementacios Utmutato Fejlesztoknek by Mito 2017-02-03

IMPLEMENTCIS
TMUTAT
FEJLESZTKNEK
Ksztette:
Mito Digital Analytics team
Dtum: 2017. 02. 03. 1
14.1 Bevezet
A legtbb mrkd esetben a <head> vagy a <body> rszben kell trtnnie a
kvetkd elhelyezsnek, vagyis az implementcinak.
Nagyon fontos minden kdnl figyelni arra, hogy azok ne legyenek mdostva, s a
lertak szerinti helyen legyenek implementlva, klnben nem garantlt a pontos
mrs.
Javasolt a Google Tag Assistant bngsz bvtmny hasznlata, amellyel ellenrizni

lehet a helyes implementcit. Errl bvebb informci ezen az URL-en tallhat:
https://get.google.com/tagassistant/
14.2 Google Analytics alapkd

elhelyezse website-on
Google Analytics fik ltrehozsakor minden oldalhoz kapunk egy egyedi
kvetkdot. Ennek az analytics.js kdnak az implementlsval lthatjuk a website-
ra rkez ltogatk interakciit. Fontos kiemelni, hogy az eredeti kdot vltoztatsok
nlkl kell implementlni.
A kdot gy talljuk meg a Google Analyticsben:
Adminisztrls -> Tulajdon -> Kvetsi adatok -> Kvetkd
2
14.2.1 Implementls
A JavaScript kvetkdot minden oldalon a zr </head> tag el kell elhelyezni.

Elfordulhat, hogy ms fontos kd is implementlva van kzvetlenl a zr </head>
tag eltt. Ekkor trekedni kell arra, hogy minl kzelebb legyen elhelyezve a zr
</head> taghez. Ez fontos ahhoz, hogy megbzhat legyen a mrs.
A zr </head> tag el helyezend kd gy nz ki:
Bvebb tmutat az implementlshoz itt tallhat:

https://developers.google.com/analytics/devguides/collection/analyticsjs/
14.3 Google Analytics alapkd

elhelyezse iOS s Android
alkalmazsokban
A Google Analytics alapkd mobilalkalmazsokba val implementlsakor SDK-kat
kell alkalmazni, s az adott fik kvetkdjt hasznlni.
A kvetsi azonost gy nz ki (ahol az X-ek szmokat jellnek): UA-XXXXXXXX-X
A kvetsi azonostt a Google Analytics-bejelentkezs utn itt talljuk:

Adminisztrls -> Tulajdon -> Kvetsi adatok -> Kvetkd
3
Android mobilalkalmazs esetben ezt az tmutatt kell kvetni:
https://developers.google.com/analytics/devguides/collection/android/v4/
iOS mobilalkalmazs esetben a kvetkez tmutatt kell kvetni:

https://developers.google.com/analytics/devguides/collection/ios/v3/
14.4 Google Tag Manager (GTM)

Container kd
A Google Tag Manager egy cmkekezel rendszer, amely lehetv teszi pldul a
forgalom elemzsre s a marketing optimalizlsra szolgl cmkk s kdrszletek
knny s gyors frisstst a webhelyen s a mobilalkalmazsban.
Az admin felleten a webhely forrskdjnak szerkesztse nlkl adhatunk hozz s

frissthetnk AdWords, Google Analytics, Firebase Analytics, Floodlight s kls fltl
szrmaz, illetve egyni cmkket.
14.4.1 Implementls
A Tag Manager esetben kt kdot kell implementlni.
Az egyiket a <head>-ben kell elhelyezni, a msikat a <body>-ban. A <head>-ben

szerepl kd tlti be a containert s minden cmkt, amelyet az tartalmaz. A <body>-
ban szerepl kd egy no script tag, amely backupknt mkdik. A no script tag
garantlja a mrst akkor, ha a felhasznlnak nincs bekapcsolva JavaScript a
bngszjben.
4
A <head>-ben szerepl kd gy nz ki:
A <body>-ban szerepl pedig gy:
A Tag Managernl is nagyon fontos, hogy a kdot ne mdostsd, s a megfelel

helyeken helyezd el. Illetve fontos, hogy lehetsg szerint ms kdot ezt kveten ne
helyezznk el a forrskdban, hiszen a Tag Manager pont azt a cl hivatott betlteni,
hogy a kdjainkat ezen keresztl menedzseljk.
A Tag Manager kd megfelel implementlst a Google Tag Assisstanttel tudjuk

ellenrizni.

https://developers.google.com/tag-manager/quickstart
5
14.5 AdWords konverzis s
remarketing kdok
14.5.1 AdWords konverzis kd
A Google AdWords hirdetsek legfontosabb cljainak mrshez, mint pldul

vsrls vagy ajnlatkrs, AdWords konverzis kdot kell implementlni.
Ezt a kdot ktflekppen tudjuk mrni:
1. A mrkdot a cselekvs ksznoldaln helyezzk el.

2. Ha nincs ksznoldal, akkor a mrkdot a cselekvst sztnz gombra
helyezzk el.
A mrkd lehetv teszi, hogy a vsrls rtkt dinamikusan tadjuk a konverzis

kdnak, gy a rendszerben egy sszbevteli rtk jelenik meg, ami rendkvl hasznos
a kampnyok kirtkelsekor.
Fontos, hogy az els esetben a kdot kizrlag a cselekvs ksznoldaln

implementljuk, gy a mrs csak akkor lesz rgztve, amikor tnylegesen megtrtnt
a vsrls. Ennek a scriptnek kzvetlenl a ksznoldal <body> </body> cmki
kztt kell szerepelnie.
6
A ksznoldalon elhelyezend kd gy nz ki az implementci utn:
7
A msodik esetben a konverzis kdon tl egy onClick mrkdot is el kell helyezni
a mrni kvnt gombra.
A konverzis kdot is implementlni kell a forrskdban:
Az albbi kd pedig a gombra val kattintskor fut le:
Fontos, hogy a kt megolds kzl egyszerre csak egyet alkalmazzunk, hiszen

mindkett implementlsakor a mrs torzulhat. 8
14.5.2 Remarketing kd
Remarketing alkalmazsval emlkeztet hirdetst helyezhetnk el weboldalra

ltogatknak, amely a ksbbi bngszs sorn fog megjelenni.
A remarketing alkalmazshoz a Google Analytics alapkdjhoz hasonlan

a weboldal sszes aloldalban el kell helyezni egy mrkdot. Ennek a <body>
</body> cmkk kztt kell szerepelnie. Ha a ksznoldalon van AdWords konverzis
kd, akkor oda nem szksges a remarketing kdot belerakni. Viszont, ha egyszerbb
mindenhova implementlni, akkor ne varilj vele, inkbb ktszer legyen benne
a forrsban, mint egyszer sem!

https://developers.google.com/adwords-remarketing-tag/
A remarketing kd gy nz ki:
9
14.6 Facebook pixel kdok
A Facebook pixel kddal nyomon tudjuk kvetni a website-on trtn ltogati
interakcikat.
A kd kt f elembl ll: alapmrkdbl s esemnykdbl. Az alapmrkd (2-essel

van jellve az brn) hasznlatval elre meghatrozott alapesemnyeket lthatunk.
Az alapmrkdot minden oldalon a zr </head> tag el kell elhelyezni.
Az esemnykd egy kiegszt kdknt funkcionl, hasznlatval klnbz egyni

esemnyeket tudunk ltrehozni (3. pont az brn). Egyni esemnyknt tudjuk
mrni pldul azt, ha egy ltogat a kosrba helyezett egy termket. Az esemnykd
implementlsakor gyelni kell, hogy a Facebook pixel kdban a </script> tag felett
legyen elhelyezve.
Az alapmrkdot a Facebook pixel oldalon a Click Action, majd a View Pixel

Code-ra kattintva tallhatjuk meg.
A Facebook Pixel kd implementlst a Facebook Pixel Helperrel tudjuk ellenrizni.

Ezt az extensiont a Google Chrome-hoz tudjuk hozzadni:
https://chrome.google.com/webstore/detail/facebook-pixel-helper/
fdgfkebogiimcoedlicjlajpkdmockpc?hl=en
10
A tapasztalat azt mutatja, hogy ha vegyesen hasznljuk egy oldalon bell a Facebook
s a Google Analytics kdot, akkor a Facebook pixel kdot (a script s a noscript
tagjt) kell kzvetlenl a </head> tag el tenni, klnben nem fog mkdni a mrs.
Az Analytics kevsb rzkeny, gy az a kd kerlhet a Pixel kd feletti rszbe.
Bvebb implementlsi tmutat a kvetkez linken tallhat:

https://www.facebook.com/business/help/952192354843755
14.7 Hotjar alapkd elhelyezs

A Hotjar egy analitikai s viselkedselemz eszkz, amellyel a webhely teljestmnyt
s a felhasznlk viselkedst tudjuk nyomon kvetni.
A kvetkez funkcikkal rendelkezik:

Heatmaps, Scrollmaps
V isitor recordings
C onversion Funnels
F orm Analytics
F eedback polls
S urveys
R ecruit User Testers
14.7.1 Implementls
Az alapkdot minden oldal <head>-jben kell elhelyezni.

Ez a kd gy nz ki:
11
Fontos, hogy a Hotjar kdot ne vltoztasd meg, s a megfelel helyre illeszd be.
Elhelyezs utn a Hotjar admin felletn tudjuk ellenrizni az implementci

helyessgt. A Sites & Organizations rszben a megfelel site Tracking Code
gombjra kattintva rjk el a Verify installation felletet, ahova az URL-t berva
lthatjuk, hogy jl mkdik-e a mrs az oldalon:
Bvebb tmutat a Hotjar implementlshoz itt tallhat:

https://docs.hotjar.com/docs
12
KAPCSOLAT
Ezt a dokumentumot a Mito Analytics csapata hozta ltre 2017 februr hnapjban.
Tovbbi krdssel, szrevtellel vagy javaslattal a kvetkez email cmen tudod
felvenni a kapcsolatot: analitika@mito.hu
13

Merokod Implementacios Utmutato Fejlesztoknek by Mito 2017-02-03

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Merokod Implementacios Utmutato Fejlesztoknek by Mito 2017-02-03

Uploaded by

Copyright:

Available Formats

IMPLEMENTCIS

Javasolt a Google Tag Assistant bngsz bvtmny hasznlata, amellyel ellenrizni

14.2 Google Analytics alapkd

A kdot gy talljuk meg a Google Analyticsben:

Adminisztrls -> Tulajdon -> Kvetsi adatok -> Kvetkd

A JavaScript kvetkdot minden oldalon a zr </head> tag el kell elhelyezni.

A zr </head> tag el helyezend kd gy nz ki:

Bvebb tmutat az implementlshoz itt tallhat:

14.3 Google Analytics alapkd

A kvetsi azonost gy nz ki (ahol az X-ek szmokat jellnek): UA-XXXXXXXX-X

A kvetsi azonostt a Google Analytics-bejelentkezs utn itt talljuk:

iOS mobilalkalmazs esetben a kvetkez tmutatt kell kvetni:

14.4 Google Tag Manager (GTM)

Az admin felleten a webhely forrskdjnak szerkesztse nlkl adhatunk hozz s

A Tag Manager esetben kt kdot kell implementlni.

Az egyiket a <head>-ben kell elhelyezni, a msikat a <body>-ban. A <head>-ben

A <body>-ban szerepl pedig gy:

A Tag Managernl is nagyon fontos, hogy a kdot ne mdostsd, s a megfelel

A Tag Manager kd megfelel implementlst a Google Tag Assisstanttel tudjuk

Bvebb tmutat az implementlshoz itt tallhat:

A Google AdWords hirdetsek legfontosabb cljainak mrshez, mint pldul

1. A mrkdot a cselekvs ksznoldaln helyezzk el.

A mrkd lehetv teszi, hogy a vsrls rtkt dinamikusan tadjuk a konverzis

Fontos, hogy az els esetben a kdot kizrlag a cselekvs ksznoldaln

A konverzis kdot is implementlni kell a forrskdban:

Az albbi kd pedig a gombra val kattintskor fut le:

Fontos, hogy a kt megolds kzl egyszerre csak egyet alkalmazzunk, hiszen

Remarketing alkalmazsval emlkeztet hirdetst helyezhetnk el weboldalra

A remarketing alkalmazshoz a Google Analytics alapkdjhoz hasonlan

Bvebb tmutat az implementlshoz itt tallhat:

A kd kt f elembl ll: alapmrkdbl s esemnykdbl. Az alapmrkd (2-essel

Az esemnykd egy kiegszt kdknt funkcionl, hasznlatval klnbz egyni

Az alapmrkdot a Facebook pixel oldalon a Click Action, majd a View Pixel

A Facebook Pixel kd implementlst a Facebook Pixel Helperrel tudjuk ellenrizni.

Bvebb implementlsi tmutat a kvetkez linken tallhat:

14.7 Hotjar alapkd elhelyezs

A kvetkez funkcikkal rendelkezik:

Az alapkdot minden oldal <head>-jben kell elhelyezni.

Elhelyezs utn a Hotjar admin felletn tudjuk ellenrizni az implementci

Bvebb tmutat a Hotjar implementlshoz itt tallhat:

You might also like