- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
 



 

 1. [  Domov  ](/)
2. [     Blog  ](/blog)
3. [     Pracujeme s Mergadom  ](/kategorie/pracujeme-s-mergadom)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Ako značiť URL pre Google Analytics v Mergade** </a>
 
  

 

#  **Ako značiť URL pre Google Analytics v Mergade** 

 

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/user-avatar/mergado-pan-100.png)   Pan Mergado  ](/blog/pan-mergado) [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom) 

7. 8. 2014

2 minúty čítania

 

 

 

 

 

  ![](https://www.mergado.sk/sites/default/files/field/image/mergado-google-analytics_2.png)  

Značkovať URL pre Google Analytics pomocou UTM parametrov, v prípade vyhľadávačov tovaru, *NEodporúčam*. Pokiaľ by ste na tom však trvali, mám pre vás nový nástroj, ktorý adresy označí za vás.



 

 

 
                function tableOfContents() {
                  return {
                    headings_menu: [],
                    heading_active: '', // Added to track the active section
                    shouldBeSticky: false,

                    generateToC() {
                      const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
                      let headingMap = {};

                      headings.forEach((heading) => { // Use an arrow function to maintain `this` context
                        // Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
                        var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
                        var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
                          .split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
                        headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;

                        // Use the updated `id` with diacritics removed for the heading id and the TOC
                        const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
                        this.headings_menu.push({
                          id: finalId,
                          title: heading.textContent,
                          level: heading.tagName.toLowerCase(), // Track heading level
                          active: false, // Initially set active to false
                        });
                        heading.id = finalId;
                      });
                    },

                    checkStickyNeeded() {
                      const ul = this.$el.querySelector('ul');
                      if (ul) {
                        this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
                      }
                    },

                    setActiveHeading() {
                      // disabled not working with active state on click
                      // add @scroll.window="setActiveHeading()" to the parent div

                      // const headings = document.querySelectorAll('.js-article-full-headings h2');
                      // let activeHeading = '';
                      // let closestHeadingDistance = Infinity;

                      // headings.forEach((heading) => {
                      //   const rect = heading.getBoundingClientRect();
                      //   const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active

                      //   if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
                      //     activeHeading = heading.id;
                      //     closestHeadingDistance = Math.abs(offset);
                      //   }
                      // });

                      // // Update the active state in headings_menu
                      // if (activeHeading !== this.heading_active) {
                      //   this.headings_menu = this.headings_menu.map(item => ({
                      //     ...item,
                      //     active: item.id === activeHeading,
                      //   }));
                      //   this.heading_active = activeHeading;

                      // }
                    },

                    setActiveItem(clickedId) {
                      this.headings_menu.forEach(item => {
                        item.active = (item.id === clickedId);
                      });
                      this.heading_active = clickedId; // Optionally update the heading_active property if used
                    },
                  };
                }
               1. <a :class="{ 'border-r-[3px] border-secondary': item.active, 'text-sm': item.level === 'h3' }" :href="'#' + item.id" class="inline-block text-balance hover:underline p-0.5 pr-3">  — </a>
  



 

## O značkovaní URL pre Google Analytics

[Google Analytics](http://www.mergado.sk/tema/google-analytics) umožňuje na koniec adresy stránky doplniť parametre, ktoré prepíšu informácie o zdroji, odkiaľ užívateľ přišiel, informácie o kampani, či ďalšie. To sa v praxi používa na rozpoznanie napr. reklamných kampaní.

## Prečo značkovať URL neodporúčam

Pretože pri spracovaní dát z UTM parametrov dochádza v Google Analytics k trvalej strate niektorých informácií. Kto úplne presne nevie, čo robí, svojím dátam skôr uškodí.

## Ako značkovať URL v Mergade

I napriek mojim výhradám sa veľa užívateľov na automatické značenie URL pre GA mnohokrát pýtali. Užívatelia môžu po novom využiť pravidlo, ktoré adresy označkuje za nich. Použitie je podobné, ako v prípade [URL buildera](https://support.google.com/analytics/answer/1033867?hl=en).

![Nástroj na značenie URL pre Google Analytics / Mergado URL Builder ](/sites/default/files/users/articles/mergado-google-analytics-prev.png)

*Nástroj na značenie URL pre Google Analytics / Mergado URL Builder*

Všimnite si, že

- Je možné použiť *premenné*, stačí napísať do políčka znak percento a Mergado vám začne napovedať, ktoré premenné sú k dispozícii. Ak budete pomaly vypisovať jednotlivé písmená, výber bude upresňovaný.
- Premenné nie sú povinné, je možné použiť *bežný text*.
- Správa sa ako ostatné *pravidlá* — môžete ho aplikovať na všetok tovar e‑shopu alebo len na určité výbery. Je možné označkovať aj iné elementy než URL — tu si však dajte pozor. Označkovať napr. IMGURL (adresa obrázku tovaru) je na nič.

Nech tým, kto o značkovanie adries stojí, pravidlo slúži dobre!



 

- [  Google Analytics ](/tema/google-analytics)
 
 [    ![](https://www.mergado.sk/sites/default/files/perm/user-avatar/mergado-pan-100.png)  ](/blog/pan-mergado)###  [ Pan Mergado ](/blog/pan-mergado) 

Pán Mergado bol najtvrdším pracovníkom v našom tíme. Pracoval vo dne v noci, aby udržal údaje elektronického obchodu v najlepšom poriadku a poskytoval hodnotu. Písal návody, správy a vlastné názory tu na blogu. No áno, bol to virtuálny charakter, ale mali sme ho radi. Naozaj.

 

 

 

 

 

 

 

 

 

## Mohlo by vás *zaujímať*

 

 [    ![](https://www.mergado.sk/sites/default/files/perm/image/shoptet_shopify_sk.jpg)  

### Ako sme s Mergadom previedli e‑shop zo Shoptetu na Shopify: kompletná migrácia bez straty dát

 

 ](/blog/ako-sme-s-mergadom-previedli-e-shop-zo-shoptetu-na-shopify-kompletna-migracia-bez-straty-dat) 

 [    ![nastavenie uživatelských účtov](https://www.mergado.sk/sites/default/files/perm/image/new-nahladovka-na-blog-1200-x-628-px-38.png)  

### Ako nastavovať užívateľské účty agentúrnych pracovníkov v Mergade

 

 ](/blog/opravnenie-uzivatelskych-uctov-pre-agentury) 

 [    ![produktový feed 5 najčastějších cýb](https://www.mergado.sk/sites/default/files/perm/image/new-nahladovka-na-blog-1200-x-628-px-19_0.png)  

### 5 najčastejších chýb v produktovom feede a ako ich upraviť v Mergade

 

 ](/blog/najcastejsie-chyby-v-produktovom-feede) 

 

 

 

## Nenechajte si nič *ujsť*

 Prihláste sa k odberu nášho newslettera 

   

       

   Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](/vyhlasenie-o-cookies). 

  Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov. 

 

 

 
      function ml_webform_success_5807248() {
        var r = ml_jQuery || jQuery
        r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
      }