{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/9f6a09e8ea3a4047a8339d5c024467e5\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/9f6a09e8ea3a4047a8339d5c024467e5-00001.gif","duration":726,"title":"GA4 pre Shoptet 2: Nasadenie enhanced e-commerce pre GA4 cez GTM","description":"V predchádzajúcom videu sme si nastavili konfiguráciu Google Analyitcs (GA4) pre Shoptet cez Google Tag Manager (GTM). Na správne meranie nákupného procesu a konverzií však budeme potrebovať nasadiť ďalšie eventy, predovšetkým dokončenie nákupu.\n\nVšetky tieto eventy sa v GTM sa nasadzujú ako GA4 Event tagy. Ako eventy môžeme merať napr. pozretie produktu, pridanie do košíka, odobratie z košíku, jednotlivé kroky v košíku, dokončenie objednávky, prípadne vrátky a storná. My sme si vybrali pre ukážku niekoľko užitočných tagov na nasadenie. Nie je to všetko, avšak na základ vám to malo stačiť.\n\nNa nasadenie týchto eventov však potrebujeme mať nastavené jednotlivé premenné datalayeru, ktoré popisuje Google dokumentácia. Ešte zrozumiteľnejší popis ako Google dokumentácia odporúčam článok od Sima Ahavu. Pri hľadaní týchto premenných v datalayeri sme však narazili na problém. Datalayer Shoptetu  je vytvorený pre klasický Google Analytics (Universal Analytics). Nasadenie eventov v GA4 však potrebuje nový datalayer prispôsobený pre GA4. Tento datalayer Shoptet zatiaľ nemá, preto si ho musíme vytvoriť. Nie je to však také zložité ako to znie.\n\nPozn.: ak sa chcete dozvedieť viac o tom čo je datalayer, ako z neho čítať tak si pozrite návod v popise tohto videa. \n\nV tomto cheat sheete som si pripravil povinné premenné podľa Google dokumentácie pre nasadenie jednotlivých eventov. Jediné čo potrebujeme spraviť je preložiť názvy týchto premenných z jazyka klasického Google Analytics na jazyk GA4. Poďme si to teda skúsiť na event view_item (pozretie produktu).\n\nV rozhraní GTM spustím Preview mode a na stránke si otvorím nejaký produkt. Podľa cheat sheetu viem, že pre event view_item mám iba jednu povinnú premenu, ktorou je items. Items je produkt alebo zoznam jednotlivých produktov (napr. v košíku) s dátami k týmto produktom ako napríklad ID produktu, názov produktu, kategória alebo cena. Otvorím si teda datalayer v Preview mode a hľadám niečo podobné. Hneď vidím že 7. riadok s názvom product obsahuje tieto údaje. Pravdepodobne to bude to čo potrebujem, ale otestujeme to.\n\nVrátim sa do GTM a v časti variables vytvorím novú premennú ako DataLayer variable. Nazvem ju, tak aby som ju vedel odlíšiť a zapíšem podľa pravidiel datalyeru, čiže zhora dole: shoptet.product. Verziu datalayer ponechám tak a premennú uložím. Teraz si vytvorím GA4 event tag, vyberiem si svoju konfiguráciu, zadám názov eventu. Je potrebné aby som pri nazývaní eventu dodržal striktne pravidlá dokumentácie Google. Čiže musím tento event nazvať presne tak ako píše Google: view_item. To však nestačí. Musím pridať aj povinné parametre. Zo svojho cheat sheetu už viem, že pri tomto evente je povinný iba jeden parameter: items. Pridám nový riadok a nazvem svoj parameter. Tu platí takisto striktné dodržiavanie pravidiel Google dokumentácie. Ako hodnotu tohto parametra si zvolíme premennú, ktorú sme pred chvíľou vytvorili. Ako trigger tohto tagu si zvolím Product detail, ktorý som si už predtým nastavil tiež prostredníctvom datalayeru.\n\nAk mám tento tag hotový, tak si môžem skontrolovať jeho funkčnosť cez Preview mode. Takisto si to môžem ako skontrolovať aj cez rozhranie GA4.\n\nAk všetko funguje tak môžeme prejsť na nastavenie ďalších tagov podobne ako view_item. Premenné, ktoré budem potrebovať.\nadd_to_cart - items\nbegin_checkout - items\nadd_shipping_info - items,shipping_tier (nepovinne)\nadd_payment_info - items, payment_tier (nepovinne)\npurchase - transaction_id, value, currency, tax, shipping, items, coupon\n\nAk sa vám tento návod zdá byť zložitý alebo nemáte na to čas stiahnite si zadarmo náš template pre nasadenie celého Enhanced e-commerce zadarmo. Všetky základné tagy nasadíte na pár klikov. V sekcii Admin kliknete na Import container. Vyberiete stiahnutý súbor, workspace a naimportujete ho zlúčením (Merge). Tento template obsahuje aj tzv. Transaction ID logger, ktorý deduplikuje vaše tranzakcie. Nebudete tak mať duplicity v GA4, ktoré sú bohužiaľ zatiaľ dosť častým bugom.\n\nPo implementovaní nezabudnite na dve veci:\nZmeniť GA4 config ID na vaše ID\nV rozhraní GA4 v sekcii Configure > Events skontrolovať nastavenie Purchase eventu ako konverzie"}