> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.eshop-rychle.cz/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Biano Pixel – implementace měřícího kódu Biano je internetový srovnávač zaměřující se na nábytek a dekorace. Mimo České republiky a Slovenska působí také v Holandsku, Rumunsku, Maďarsku a Brazílii. Biano pixel pomáhá e-shopů, oslovit zákazníky, kteří již v eshopu nakoupili a nebo jej alespoň navštívili. Jedná se o efektivní nástroj remarketingu, který nejen šetří čas zákazníkům, ale zejména zlepšuje e-shopům výkonnost jejich kampaní. V tomto návodu si ukážeme, jak ho implementovat do [platformy Eshop-rychle](https://www.eshop-rychle.cz/pronajem-eshopu). Upozorňujeme, že pro implementaci Biano Pixelu je nutné mít vytvořený účet [Google Tag Manager](https://tagmanager.google.com/#/home), který musí být [propojený s vaším e-shopem](https://blog.eshop-rychle.cz/podporujeme-google-tag-manager/) u [Eshop-rychle](https://www.eshop-rychle.cz/). ## Propojení GTM a Eshop-rychle Zkopírujte GTM-ID vašeho Google Tag Manager účtu: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1em7562.png) Vložte do administrace v sekci E-shop => Měřící kódy => Google Tag Manager: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_zygkmw.png) ## Přidejte šablonu Biano do pracovního prostoru GTM Přidejte novou značku z galerie komunitních šablon (Šablony – hledat v galerii): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1v10gdu.png) Vyhledejte šablonu Bianco Pixel: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_s7cnwf.png) Přidejte šablonu do pracovního prostoru (přidat do prostoru – přidat): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1ldirg9.png) ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_p007jx.png) ## Nastavení Triggers (pravidel): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1r4gclw.png) Vytvořte 4 typy triggerů (pravidel) podle následujících screenshotů – All pages, Product detail, Add to cart a Purchase: ### All pages (Všechny stránky) Vytvořte trigger (pravidlo) pro všechny stránky webu (pravidla – nové – zobrazení stránky – všechna zobrazení stránek): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_2l5qnt.png) ### Product detail (detail produktu) Vytvořte variable (proměnnou) pageType (nová – proměnné datové vrstvy – název pageType): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_2ez6tl.png) Nyní vytvořte trigger (pravidlo) pro detail produktu (pravidla – nové – zobrazení stránky a nastavte některá zobrazení stránek – pageType – je rovno – product): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_19ek30k.png) ### Add to cart (Přidání do košíku) Vytvořte trigger (pravidlo) pro přidání produktu do košíku z detailu produktu – vlastní událost – pojmenujte ji addToCart: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1r99vfz.png) ### Purchase (Objednávka) Nyní vytvořte trigger (pravidlo) pro objednávku (zobrazení stránky, některá zobrazení stránek a nastavte Page URL – obsahuje – e-send): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_j1qlet.png) Výsledný stav by měl vypadat takto: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_twkthx.png) ## Nastavení tagů (značek) Vytvořte 4 typy tagů (značek): Page_view, Product_view, Add_to_cart, Purchase ### Page_view Vytvořte nový tag (značku) a vyberte typ Biano Pixel: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1rdl49l.png) ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_hnar5p.png) Nyní nastavte tag – typ eventu Page View a vyplňte své MerchantID. V triggerech (pravidelech) zvolte All pages a přidejte výjimky (product_view a purchase): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1ufji5y.png) ### Product_view Vytvořte variable (proměnnou) „ecommerce.detail.products.0.id“ (noví – pojmenujte – proměnné datové vrstvy): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_cnus0i.png) Nastavte tag (značku) **Product View** a vyplňte své MerchantID. (typ eventu zvolte product view, product ID vyberte výše vytvořenou proměnnou ecommerce.detail.products.0.id a nastavte spouštěč „product_view“): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_got5gf.png) ### Add_to_cart Přidejte následující variables (proměnné) **ecommerce.add.products.0.id, ecommerce.add.products.0.price, ecommerce.add.products.0.quantity, ecommerce.currencyCode** (nastavení stejné jako u „ecommerce.detail.products.0.id“ viz výše): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_a0n3ju.png) ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1pl2c40.png) ### Purchase Vytvořte následující variables (proměnné): ecommerce.purchase.products ecommerce.purchase.products.0.id ecommerce.purchase.products.0.quantity ecommerce.purchase.products.0.price ecommerce.purchase.actionField.currency ecommerce.purchase.actionField.id ecommerce.purchase.actionField.revenue Postupujte stejně jako předchozích proměnných. ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_13xwv3c.png) Vytvořte variables (proměnnou) Biano purchased items (typ proměnné je „Vlastní kód JavaScript“): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_5czxlx.png) Kód ke zkopírování: function () { // získání dat z proměnné datové vrstvy var items = {{ecommerce.purchase.products}}; // transformace dat do formátu Biano Pixel return items.map(function (item) { return { id: item.id.toString(), quantity: parseFloat(item.quantity), unit_price: parseFloat(item.price), }; }); } Nastavte tag (značku) **Purchase** (spouštění – purchase): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1so4t7h.png) Výsledný stav: ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_gvg77u.png) Nezapomeňte všechny změny publikovat (odeslat – publikovat): ![](https://storage.crisp.chat/users/helpdesk/website/6f32a7e5909e9400/image_1qvx2rj.png)