Osmá přednáška na konferenci Data Restart 2021.

1. | www.signals.cz
Server-side GTM je skutečně víc než jen buzzword
A může se vám hodit už zítra.
by (André + Roman)@signals.cz

2. Na úvod bych rád
vyjasnil jedno
ožehavé téma...

3. Jak zkracovat Server-side GTM
⑉ SS-GTM
⑉ GTM-SS
⑉ SsGTM
⑉ SGTM Nenuťte se tam dávat
všechny písmenka. :-)

4. Nejspíš jste
o "Serversajdu"
už slyšeli.

5. Serversajd nahradí normální GTMko.
Jen částečně.
Spíš ho doplní.
Server-side
GTM
Webové
GTM

6. Je to GTM, ale rovnou na serveru.
Měření ze serveru dost usnadňuje.
Ale webové GTM pořád užijete.

7. Vyřeší to problémy s cookies?
Zatím jen částečně.
Většina reklamních platforem je zatím
na cookies závislá.

8. Zrychlí mi to web?
To ANO.
Prohlížeč nestahuje má víc prostoru na
stahování obrázků a vykreslování obsahu.

9. Je to hrozně drahé, ne?
Na řadu use-casů jde provozovat SGTM od
0 Kč měsíčně, cca 50 mio hitů za 1700 Kč.
Ani ne. Cena trápí weby s nízkým
příjmem za pageview.

10. Jde s tím obcházet souhlasy s cookies.
Šlo by třeba zneužít "technické
cookies".
Legální to ale není.

11. Vyřeší to AdBlockery a ITP.
Ne úplně "out of box", ale může
dost pomoci.

12. Ví vůbec někdo,
co to teda je?

13. Když se načte stránka s GTM, děje se (zjednodušeně) toto:
⑉ Prohlížeč stahuje web a jeho
obsah
⑉ Stáhne GTM
⑉ Ke každému tagu stáhne nejméně
jednu obslužnou JS knihovnu
⑉ Každý tag odešle nejmíň 1 hit
⑉ Tohle všechno zdržuje prohlížeč
ve vykreslování obsahu
⑉ Cizí skripty mohou web i rozbít
⑉ Máte malou kontrolu nad tím, co
o uživateli jednotlivé nástroje ví

14. ⑉ Prohlížeč stáhne web a jeho obsah
⑉ Stáhne GTM skrz SGTM
⑉ Stáhne GA4 knihovnu skrz SGTM
⑉ Odešle jeden GA4 hit na SGTM
⑉ SGTM rozešle do systémů jen to, co by měly
vědět a pošle prohlížeči pokyny
⑉ Na základě pokynů se založí cookies, nebo
pošle jednoduchý hit (někdy ani to ne)
⑉ Tohle je trochu hudba budoucnosti
SGTM přesune část komunikace z prohlížeče pryč

15. ⑉ Některé části už dnes umíme
⑉ Některé jsou na dobré cestě
⑉ Některé se teprve připravují
Svět ale ještě není ready...

16. 1x GA4 hit způsobí:
⑉ 1 hit do GA4, ale bez osobních údajů
⑉ 1 hit do UA, ale…
⑉ 1 řádek do BigQuery
⑉ 1 API call do mailingu
⑉ Do každého systému jen ta data, která
potřebuje
Z jednoho hitu "krmíte" kupu systémů

17. To není ani
náhodou všechno

18. ⑉ Je uživatel v segmentu "VIP"?
⑉ Nebo RFM segment?
⑉ Dostal nějakou speciální nabídku / email?
⑉ Byl na prodejně?
⑉ Interní kategorie produktů (např. kdo je
jeho nákupčí)
⑉ Produkty konkrétních značek měřit
do GAček dodavatelů.
⑉ Marže...
Díky SGTM můžete hity obohatit o neveřejné informace

19. ⑉ Klasický "měřit, ale neprozradit" problém.
⑉ S produkty na webu měříme "kód marže".
⑉ V SGTM máme "slovník" marží.
⑉ SGTM hity s produkty rozebere.
⑉ Spočítá marže produktů.
⑉ Měří vše do dvou GA účtů.
⑉ Do GA účtu "s maržemi" posílá jiné ceny.
… Marže
dataLayer.push({...
"price":100,
"margin_id":654,...
});
"items":[...
"price":11.9,...
]
"items":[...
"price":100,...
]

20. ⑉ Skrze SGTM měříme lead (jako normálně)
⑉ Ze serveru odesíláme úspěšnou transakci
do SGTM
⑉ SGTM usnadní s měřením e-mailů
(např. měření prokliku redirectem)
⑉ Nebo s tím, že jste se zákazníkovi dovolali.
Uskutečněné leady do GA

21. ⑉ Na webu můžete měřit úplně normálně.
⑉ Jen některé zajímavé hity posílat přes SGTM.
⑉ SGTM pošle hit dál do GA.
⑉ Ale taky do BigQuery.
⑉ Z BigQuery už si čte třeba DataStudio.
⑉ Přes SGTM nemusíte měřit všechno.
Real-time reporty

22. Na skok dovnitř

23. GTM a SGTM jako vejce vejci?
Ne tak docela.

24. ⑉ Klasické GTMko nasadíte na web,
dáte do něj GAčka a bude něco
měřit.
⑉ SGTM nedělá nic, dokud do něj
nepošlete hit.
⑉ Na vaše hity čeká tzv. "Client"
⑉ SGTM podle priority spouští
"Clienty" až se některý z nich
přihlásí, že tenhle hit bere.
⑉ Může rovnou konat, nebo
vygenerovat event a čekat, jestli
budou reagovat tagy.
Tagy se spouští, až když "Client" vytvoří Event

25. ⑉ Standardní Clienti jsou připravené na obsluhu GA hitů a "rozumí" klasickému GA a GA4 hitu.
⑉ Custom Client může být "měřící obrázek", který vyrobí eventy z query parametrů, nebo třeba
"webhook", který parsuje JSON.
⑉ Client může vygenerovat klidně několik eventů, nebo žádný.
⑉ Když vznikne event, tak se proces velmi podobá klasickému GTM - Tag, Trigger, Variable.
⑉ Tagy mohou poslat zpět Clientovi odpověď - třeba cookie, nebo třeba hit, který se má poslat
v prohlížeči.
⑉ Nebo mohou proběhnout v pozadí a nezdržovat - třeba zápis do BigQuery.
⑉ Jednotlivé eventy o sobě navzájem nevědí. A nemáte "kontext" z předchozích eventů jako
v prohlížeči. - Co si v hitu do SGTM nepošlete, to tam nečekejte.
Client přečte data a přeloží je na event s parametry

26. ⑉ Je to Node.js server - rychle reaguje a dobře zvládá asynchronní řešení požadavků.
⑉ SGTM "odpovídá" v desítkách milisekund - velmi podobně rychle jako GTM a GA servery.
⑉ Přímá podpora streamování do BigQuery. (Neříkal jsem to už?)
⑉ Má "templateDataStorage", které udrží v paměti data napříč hity, usery a eventy.
⑉ Importovatelné Client, Tag, Variable Templaty - když už si s tím někdo dal práci, vy nemusíte.
⑉ Pouze "Sandboxovaný JavaScript" - s tím je občas potíž a leccos nejde.
⑉ Třeba nezjistíte seznam všech cookies, které SGTM vidí - musíte vědět, které chcete číst.
⑉ Nejde importovat externí knihovny, takže volání některých API může být boj.
⑉ Pro Preview mode potřebujete druhou instanci SGTM kontejneru (doporučujeme Cloud Run).
Technické radosti a strasti

27. ⑉ Ano, SGTM umí na pár kliků nastavení "servírovat" vaše webové GTMko. (Nemusíte)
⑉ "First-party context" - Je to z vaší domény, může to ošálit některé blokátory.
⑉ Dá se tak třeba zařídit, že každému uživateli přímo do GTM vepíšete něco individuálního.
⑉ Třeba z IP adresy spočítáte, jestli je to zaměstnanec.
⑉ Nebo s gtm.js rovnou pošlete cookie. Třeba A/B testovací.
GTM se stahuje ze SGTM… WTF
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://sgtm.signals.cz/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-ABCDEFG');</script>
<!-- End Google Tag Manager -->

28. ⑉ V GTM pak nastavíte UA / GA4 tagy tak, aby posílaly měřící hity do toho SGTM.
⑉ Technicky změníte "transport_url" - doména, na kterou GA měří.
⑉ Nejlíp na úrovni settings / configu.
Z GTM posíláte hity do SGTM

29. ⑉ Založit příslušného UA / GA4 Clienta, aby SGTM rozumělo
tomu hitu, když přijde.
⑉ Založit Tagy pro jednotlivé UA resp. GA4.
⑉ Přímo v Tagu můžete hit ještě modifikovat.
⑉ Přidat triggery, které reagují na eventy založené
odpovídajícím Clientem.
Co dělat, aby to měřilo do GA přes SGTM

30. ⑉ Nejjednodušší je si poslat data GA4 hitem - má krásnou strukturu - v SGTM ten event dostane
stejné event parametry, které které naklikáte do GA4 tagu.
⑉ Jednotlivé parametry si můžete z hitu vytáhnout pomocí Variables.
⑉ Vyrobte si Trigger, který se spustí, pokud hit, který chcete ukládat splní podmínky.
⑉ Založte si tabulku v BigQuery.
⑉ Napište nám, máme BigQuery "writer".
⑉ Nebo si taky upravte ten Hit Logger od Simo Ahavy. ;-)
⑉ Naklikejte si, do jakých sloupců chcete jaké hodnoty.
Data z webu do BigQuery

31. BigQuery Writer

32. Bude s tím umět markeťák, co umí s GTM?
⑉ Podívat se, co se kdy a proč měří zvládne.
⑉ Přidávat a měnit Tagy, Triggery a Variables zvládne.
⑉ O dost hůř se to testuje.
⑉ Doporučujeme experimentovat na vlastním SGTM.
⑉ Nedoporučujeme přístup do SGTM chorobným pokus-omylistům.
⑉ Import Custom Template by měl konzultovat s vývojářem, nebo profíkem.
⑉ Nezasahovat do Custom Template.
⑉ Někdy ale může být potřeba v Privacy tabu přidat na seznam nějakou cookie.
⑉ Ale opatrně, dá se to snadno rozbít.
⑉ Doporučujeme si jasně rozdělit role s vývojářem SGTM a neriskovat.

33. Kam teda patří
ve vašem
digitálním stacku?

34. ⑉ Zrychlení webu díky přesunu části logiky a tagů na server.
⑉ Zjednodušení webového GTM na měření jen jedním tagem.
⑉ Obohacování měření o data, která nikdo cizí nemá vidět.
⑉ Zápis dat do BigQuery.
⑉ Měření dat do nástrojů, které nemají webové měření.
⑉ Jednodušší a spolehlivější měření do GA ze serveru…
Už jsme si řekli...

35. ⑉ Máte moc velké hity a GA je neberou. → Z webu měříte "normálně" a v SGTM vyřešíte velikost.
⑉ Potřebujete měřit duplicitně do více účtů.
⑉ Dvojí měření z prohlížeče není stejně spolehlivé.
⑉ Navíc trápíte prohlížeče uživatelů.
⑉ SGTM může pracovat s HttpOnly cookies, které JavaScript (a tudíž GTM) nepřečte.
⑉ SGTM vidí IP adresu uživatele → můžete si značkovat / vylučovat / měřit jinam interní traffic.
⑉ Přes SGTM můžete "servírovat" webový obsah - obrázek, JS knihovnu apod.
⑉ Opravy měření ze serveru...
SGTM na těžko řešitelné potíže

36. SGTM přináši:
⑉ Vývojáři pošlou do SGTM data klidně
v JSON formátu.
⑉ SGTM ten JSON přečte a pošle kam
je potřeba.
⑉ Vývoj nemusí řešit Measurement Protocol.
⑉ Nemusí se zabývat, do jakého nástroje
ta data nakonec půjdou.
⑉ Pokud někam chcete přestat posílat data,
prostě v SGTM smažete tag.
Nepotřebujete měřit přes "Measurement protocol"
⑉ Takový to měření do GA přímo ze serveru.
⑉ Jednou to nasadili vývojáři a nejsme si
jistí, že je to dobře.
⑉ Nikdo ve firmě tomu reálně nerozumí.
⑉ Když je potřeba něco upravit, vývoj
na to nemá kapacitu.
⑉ A teď jsou tady GA4, které by se musely
nasadit znova.
⑉ Ty samý informace by se mohly hodit
i v jiných nástrojích.

37. ⑉ Čím víc měříte, tím víc rostou nároky na přesnost dat.
⑉ Čím dál víc budeme sdílet data zákazníků s MKT platformami. (Emaily, apod.)
⑉ Data měřená z front- a back-endu musí mít stejnou kvalitu.
⑉ Nástroje se mění a dá se čekat, že vám SGTM tag někdo vyrobí.
⑉ Díky historii verzí víte, že jste e-mail vždy poslali jen tam, kam jste měli #GDPR.
⑉ Vývojáři se soustředí na přesnost dat, která odesílají do SGTM.
⑉ Marketing / analytici řeší, jak ta data přeložit do jazyka jednotlivých nástrojů.
⑉ V čase se mění požadavky na to, ne/smíte sdílet do dalších nástrojů.
⑉ Data, která tím protečou můžete zálohovat do BigQuery.
SGTM se hodí na "quality control", protože...

38. SGTM nepotřebujete...
⑉ V SGTM k těm appkám můžete mít
jednoduché rozhraní s možnostmi
nastavení.
⑉ Nebo můžete poopravit, co se v GTM,
nebo na serveru nepovedlo.
⑉ Nové MKT nástroje můžete integrovat
pomocí tagů jako v GTM a ušetříte si vývoj.
⑉ Pro SGTM ty "miniappky" budou vznikat.
⑉ SGTM verzuje, takže víte, kdo, kdy, co …
změnil.
⑉ Cokoli, co dokáže SGTM může udělat
miniappka od vašich vývojářů.
⑉ Do GA můžete ze serveru měřit
Measurement Protocolem.
⑉ Do nástrojů třetích stran můžete posílat
data přímo přes API.
⑉ Když se změní API, nebo end-point,
jednoduše upravíte miniappku.
⑉ Když umíte testovat a máte agilní vývojáře
s chutí měřit a integrovat.
Ale chcete!

39. Co nás to bude stát

40. ⑉ Pro menší weby a testování vyjde fakt dobře Google Cloud Run:
50 milionů hitů měsíčně ~ 70 € (s rezervou 100 €)
1 Cloud Run "instance" zvládá 30 hitů za sekundu.
⑉ U větších webů doporučujeme hledat nevytížené servery, kam by šlo nasadit Docker.
⑉ Pozor na výchozí metodu implementace - není špatná, ale v základním nastavení
vyjde na 200+ € měsíčně.
⑉ Za možnost využívat samotné SGTM neplatíte nic. Náklady jsou jen za provoz.
Náklady jde optimalizovat

41. Privacy
disclaimer
Respektujte soukromí uživatelů.
⑉ Používejte cookies v souladu s přáním
uživatelů.
⑉ IP adresy použijte na filtrování a ignorujte.
⑉ Nenápadné šmírování obrázkem není
skvělá finta.
⑉ Pokud přes SGTM integrujete data klientů,
hlídejte si, která smíte sdílet a kam.

42. Buď profík!
Profík není ten, kdo umí měřit, aniž by ho chytili.
Profík chápe význam soukromí, respektuje ho a data pro
důležitý rozhodování získává legálně a eticky.

43. Díky za vaši pozornost!
www.signals.cz