Google analytics v4

Google analytic ma verzi 4, ktera by se vsak mela doplnovat s verzi 3 tedy vlozi se kod verze 4 a doplni se tam druhy kod z verze 3 -> toto je dulezita vec, aby v teto nove verzi byl i kod verze 3.

Pridani nove verze GA tedy verze 4 vzdy prichazi s pridanim novych konverzi do final.latte (pouze pokud se jedna o eshop) -> postup pro pridani konverzi je k nalezeni pak zde: https://wiki.czechgroup.cz/admin/menuitem/208.

Stavajici kody, ktere jsou ulozeny v hlaskach (mysleno pouze v hlaskach, stary kod, ktery se nachcazi vetsinou v @layout.latte normalne prepsat muzeme) na webu nikdy neprepisujeme, dokud to neni vylozene zadano.

Moznost nahledu je napr na projektech: Briol, Runsport, Floristika

Postup:

  • do @layout.latte pro Front je potreba vlozit nasledujici kod (pro porozumneni: z duvodu uzavirani do podminky a nekdy nacitani pres ajax se ty configy musi davat do instantne volane funkce, coz ma za nasledek nacteni za jakychkoliv podminek)
    {if isset($web['GOOGLE_ANALYTICS']) && strlen($web['GOOGLE_ANALYTICS']) > 1 && (isset($cookieSettings, $cookieSettings['cookie_analytics']) || !isset($cookieSettings))}
      <!-- Global site tag (gtag.js) - Google Analytics -->
      <script async src="https://www.googletagmanager.com/gtag/js?id={$web['GOOGLE_ANALYTICS']}"></script>
      <script>
        window.dataLayer = window.dataLayer || [];
    
        function gtag() {
          dataLayer.push(arguments);
        }
    
        (function () {
            gtag('js', new Date());
            gtag('config', {$web['GOOGLE_ANALYTICS']});
        })();
      </script>
    {/if}​

     

  • nasledne je potreba tento kod vyse zabalit do {snippet cookiesb} {/snippet} (pripadne zmenit nazev snippetu, pokud by cookiesb byl jiz pouzit) a do snippetu pridat pote i {include './remarketing.latte'} (pokud je na strance v @layout.latte jiz obsazeny, tak je potreba jej presunout) -> duležité je, aby byl nad inicializovaním právě přidávaného gtag kódu.
  • pro kazdy dalsi kod analytics je potreba pridat pod gtag('config', {$web['GOOGLE_ANALYTICS']}); dalsi config a to v tomto formatu (takto je mozne tech tagu pridat kolik chceme, pouze kazdy kod tam musi byt pridan pouze 1x):
    {if !empty($web['GOOGLE_ANALYTICS_SEC'])}
      gtag('config', {$web['GOOGLE_ANALYTICS_SEC']});
    {/if}​
    <script src="https://www.googletagmanager.com/gtag/js?id={$web['GOOGLE_ANALYTICS']}"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){
            dataLayer.push(arguments);
        }
        (function () {
            gtag('js', new Date());
            gtag('config', {$web['GOOGLE_ANALYTICS']});
            {if !empty($web['GOOGLE_ANALYTICS_SEC'])}
            gtag('config', {$web['GOOGLE_ANALYTICS_SEC']});
            {/if}
        })();
    </script>
  • Dale je potreba vsechny hlasky pridat do jazykove mutace a nastavit jim spravne GA tagy.

Testovani se nasledne dela na ostre verzi po kontrole s tim, ze nekdo sedi u analytics a kontroluje jestli to funguje. Dela vetsinou ten kdo kontroluje MR.

Nevíte si rady?
Neváhejte se zeptat

Nevíte si rady nebo potřebujete něco konzultovat? Nápovědu stále zdokonalujeme na základě vašich požadavků a postřehů. Uvádíme co nejvíce možných variant, které používáme na řešení jednotlivých částí webu, mějte ale na paměti, že projekty řešíme individuálně na základě konkrétních potřeb.

Nádražní 876
560 02 Česká Třebová

honza.cech@czechgroup.cz

+420 774 201 483

*
*