- [Case Studies](https://www.mergado.cz/kategorie/case-studies)
- [E‑commerce tipy](https://www.mergado.cz/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](https://www.mergado.cz/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](https://www.mergado.cz/kategorie/mergado-pack)
- [Mergado tipy](https://www.mergado.cz/kategorie/mergado-tipy)
- [Novinky v Mergadu](https://www.mergado.cz/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](https://www.mergado.cz/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](https://www.mergado.cz/kategorie/pracujeme-s-mergadem)
- [Rozhovory](https://www.mergado.cz/kategorie/rozhovory)
- [Rozšíření](https://www.mergado.cz/kategorie/aplikace)
- [S Mergadem do zahraničí](https://www.mergado.cz/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](https://www.mergado.cz/kategorie/ze-zivota-mergada)
 



 

 1. [  Úvod  ](https://www.mergado.cz/)
2. [     Blog  ](https://www.mergado.cz/blog)
3. [     Novinky ze srovnávačů  ](https://www.mergado.cz/kategorie/novinky-ze-srovnavacu)
4. <a class="flex items-center gap-2 hover:underline" href="" itemid="" itemprop="item" itemscope="" itemtype="https://schema.org/Thing">    **Nastavujte Google Shipping pomocí zanořených elementů v Mergadu** </a>
 
  

 

#  **Nastavujte Google Shipping pomocí zanořených elementů v Mergadu** 

 

 

 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/katka2.jpg)   Kateřina Šmajzrová  ](https://www.mergado.cz/blog/katerina-smajzrova) [Novinky ze srovnávačů](https://www.mergado.cz/kategorie/novinky-ze-srovnavacu) 

12. 5. 2017

2 minuty čtení

 

 

 

 

 

  ![Zanořené elementy v Mergadu](https://www.mergado.cz/sites/default/files/field/image/banner-blog_5.png)  

Pokud inzerujete na [Google Nákupech](https://www.mergado.cz/tema/google-nakupy), nejspíš už jste se setkali s elementem Shipping, který zahrnuje **informace o dopravě** – o její ceně, typu dopravy a zemi, pro kterou informace platí. Ukažme si, jak tyto zanořené elementy dostanete do vašeho feedu v Mergadu.



 

 

 
                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>
  



 

Pokud inzerujete na [Google Nákupech](https://www.mergado.cz/tema/google-nakupy), nejspíš už jste se setkali s elementem Shipping, který zahrnuje **informace o dopravě** – o její ceně, typu dopravy a zemi, pro kterou informace platí. Ukažme si, jak tyto zanořené elementy dostanete do vašeho feedu v Mergadu.

## Jak nastavit element Shipping v Mergadu

Možná vás napadlo, že by to šlo skrze vytvoření elementu se svislítkem, podobně jako je tomu u parametrů. Takový postup bohužel Google neakceptuje a je potřeba se k těmto zanořeným elementům dostat trochu oklikou.

1\) Začněte **vytvořením elementů**, které budou obsahovat **informaci o ceně a zemi původu** pro **konkrétního dopravce** (např. Českou poštu, PPL nebo jiné). Pro cenu dopravy může nový element vypadat například následovně: **G:PRICE|PPL**, pro zemi potom: **G:COUNTRY|PPL.** Informaci o typu dopravy si Mergado vezme z těchto dvou elementů (podobně byste potom mohli vytvořit i elementy pro další typ dopravy – poštu, DHL,…).

![](/sites/default/files/users/vytvoreni-elementu.png)

2\) Konkrétní informace o ceně dopravy u tohoto dopravce pak **doplníme pravidlem.** To aplikujeme na výběr, který potřebujeme (třeba když je **různá cena dopravy podle hodnoty zásilky nebo její velikosti/​hmotnosti)**. V našem příkladu budeme postupovat podle **ceny zboží** – rozdělíme si je na dva výběry, do 200 Kč a nad 200 Kč.  
Využijeme typ pravidla *Přepsat* a pro element, který jsme si vytvořili (G:PRICE|PPL), **nastavíme konkrétní cenu — např. 89 Kč.**

**![](/sites/default/files/users/cena-dopravy.png)**

3\) Obdobně postupujeme v případě **doplnění informace o zemi (G:COUNTRY|PPL),** kterou pomocí pravidla upravíme na CZ (SK, UK,…). Pro každý cenový výběr můžeme samozřejmě nastavit jinou cenu.

![](/sites/default/files/users/pravidlo-prepsat.png)

  
Výstup vašeho feedu pak bude vypadat následovně:

![](/sites/default/files/users/mergado-vystup.png)

A takhle náhled z XML feedu:

![](/sites/default/files/users/vystup-feedu.png)

Pomohli jsme vám? Další články o nastavení feedu pro Google Nákupy najdete [tady](http://www.mergado.cz/tema/google-nakupy).



 

- [  Elementy ](https://www.mergado.cz/tema/elementy)
- [  Google Nákupy ](https://www.mergado.cz/tema/google-nakupy)
- [  Tipy pro práci s Mergadem ](https://www.mergado.cz/tema/tipy-pro-praci-s-mergadem)
- [  XML feed ](https://www.mergado.cz/tema/xml-feed)
 
 [    ![](https://www.mergado.cz/sites/default/files/perm/user-avatar/katka2.jpg)  ](https://www.mergado.cz/blog/katerina-smajzrova)###  [ Kateřina Šmajzrová ](https://www.mergado.cz/blog/katerina-smajzrova) 

Katka se panu Mergadovi starala o české texty, hlídala aby jim bylo rozumět a aby vás bavily. Taky točila videa a webináře pro ty, kdo jsou spíš na obrázky než na texty.

 

 

 

 

 

 

 

 

 

## Mohlo by vás *zajímat*

 

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

### Jak úspěšně prodávat na idealo

 

 ](https://www.mergado.cz/blog/uspesny-prodej-na-idealo) 

 [    ![FAVI Pixel cover ](https://www.mergado.cz/sites/default/files/perm/image/new-nahledovky_na_blog-1200_x_628_px-7.png)  

### Máte návštěvníky, ale ne konverze? FAVI Pixel je řešení.

 

 ](https://www.mergado.cz/blog/favi-pixel) 

 [    ![bfsg nový zákon ecommerce článek](https://www.mergado.cz/sites/default/files/perm/image/new-nahledovky_na_blog-1200_x_628_px-1-1.png)  

### Další regulace v e‑commerce: co je BFSG a co to znamená pro váš online byznys?

 

 ](https://www.mergado.cz/blog/bfsg-digitalni-pristupnost) 

 

 

 

## Ať vám *nic neunikne*

 Přihlašte se do našeho newsletteru 

   

       

   Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](https://www.mergado.cz/prohlaseni-o-cookies). 

  Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů. 

 

 

 
      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()
      }