Mérés — Google Analytics 4
Öt alap esemény, egy egyszerű dashboard. A mérés ott kezdődik, ahol forgalom van — előbb beszerezzük, aztán nézzük.
Adatokat — nem érzéseket.
A 11. modul azért van itt, és nem előbb, mert mérni csak akkor van mit, ha van forgalom.
A 9. modul után már működik a webhely, a lead magnet, az email lista; most jön az a réteg, hogy LÁSD, mi történik. A GA4 ingyenes, és pontosan azokra a kérdésekre válaszol, amik egy kezdő vállalkozónak fontosak.
Mit rakunk a helyére ezen a héten
- gtag.js telepítésGA4 mérőkód a webhely <head> szekciójába. Csak production-ön, env változóból.
- Öt alap eseménypage_view, scroll_depth, cta_click, booking_click, email_signup.
- Heti dashboard3 mutató, hétfő reggel 5 perc, beírod egy Sheets-be a CRM mellé.
gtag.js telepítés
Regisztráció a analytics.google.com-on, új property a domainedhez, kapsz egy Measurement ID-t.
A gtag.js snippet kb. 8 sor JavaScript. Ezt a webhelyed <head> szekciójába illeszted — a Claude Code 30 másodperc alatt megcsinálja, ha odaadod a snippet-et.
24 órát várj, hogy az adatok megjelenjenek. Innen tovább a GA4 automatikusan rögzíti az alap-adatokat: oldal-megjelenítések, munkamenet-időtartam, eszközök, lokáció.
A mérőkód
Ezt másold a webhely minden HTML fájljának <head> szekciójába. A G-XXXXXXXXXX helyére a saját Measurement ID-d kerül, ne hardkódold.
<!-- Google tag (gtag.js) -->
<script async
src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX">
</script>
<script>
if (window.location.hostname !== 'localhost') {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX');
}
</script> Öt alap esemény
Az alap-méréseken túl be lehet állítani „custom event"-eket — a konkrét akciók, amiket a webhelyen mérni akarsz.
(1) page_view — alapból megy. (2) scroll_depth — milyen mélyen görgetnek (50%, 75%, 90%). (3) cta_click — fő CTA gombok. (4) booking_click — Cal.com gomb. (5) email_signup — Kit feliratkozás után.
Az utóbbi háromhoz egy kis JavaScript kell — a Claude Code megírja, és egy hét adat után már látod, melyik gomb dolgozik.
cta_click esemény
Ezt egy közös analytics.js fájlba teszed, és minden HTML oldalra betöltöd. A typeof check miatt nem törik el, ha a gtag még nem töltődött be.
// CTA gombokra kattintás-mérés
document.querySelectorAll('[data-cta]').forEach(btn => {
btn.addEventListener('click', (e) => {
if (typeof gtag !== 'function') return;
gtag('event', 'cta_click', {
label: btn.dataset.cta, // pl. "hero_primary"
text: btn.textContent.trim()
});
});
});
// Cal.com foglalás-gomb
document.querySelectorAll('[data-booking]').forEach(btn => {
btn.addEventListener('click', () => {
if (typeof gtag !== 'function') return;
gtag('event', 'booking_click', {
source: btn.dataset.booking // pl. "header" / "inline"
});
});
}); Mit dolgozik mindegyik
- page_viewAlapból. Hány látogató, milyen oldalakon, mennyi időt töltenek.
- scroll_depth50% / 75% / 90%. Megáll-e az olvasó az érték-stack-nél, vagy átgördül?
- cta_clickA fő CTA gombokra kattintás. A hero-CTA működik-e, vagy a footeres erősebb?
- booking_clickA Cal.com gomb kattintásai. Hány kattintásból lesz tényleges foglalás?
- email_signupKit form sikeres feliratkozás. A lead magnet copy-ja meggyőző-e?
Dashboard és heti riport
A GA4 alapból bonyolultnak tűnik — sok adat, sok grafikon, és nem világos, mit kell nézni.
Egyszerű custom dashboard a Reports szekcióban: egy oldal, három mutatóval — heti látogatók száma, lead magnet feliratkozások száma, CTA-kattintások száma.
Heti egyszer (hétfő reggel) megnyitod 5 percre, leírod a számokat egy Sheets-be (a 10. modul CRM-je mellé egy „Analytics" lap), és nyomon követed a trendet.
Hétfő 9:00, 5 perc
Megnyitom a GA4 dashboardot, átírom a 3-4 számot a Sheets-be.
Sheets oszlopok: het_szama, datum, latogatok, feliratkozasok, cta_kattintasok, booking_clicks, megjegyzes.
Ha történt változás (új blogposzt, új CTA, új ár), oda írom a megjegyzés oszlopba. Nem napi szintű figyelés — heti egyszer ránézel, és az alapján döntesz, mit változtass.
A mérés nem önmagában cél — a döntéseket informálja11. modul · 03. lecke
Mit csinálsz ezen a héten
Telepítsd a GA4 mérőkódot a webhelyre, állítsd be a négy custom eseményt, és hozz létre egy heti riport-dashboardot a fenti három mutatóval.
A telepítés 10 perc, az események 30 perc, a dashboard és a Sheets-lap 20 perc. Egy óra alatt készen van — és onnan magától dolgozik.
Eredmény: tudod, mi történik a webhelyen.
Adatokkal, nem érzéssel. Innen kezdve minden változtatást ezekre a mutatókra építesz — a copy-tól a CTA helyezéséig.