Webový obchod umí měřit všechny potřebné údaje pro vaše marketingové aktivity. Pro lepší optimalizaci a další možnosti doporučujeme ale používat Google Tag Manager. Pomocí něj je možné vložit mnohem více měřících kódů a také provádět různé experimenty.

  • Vytvořeno: 07. 01. 2016, 07:00
  • Aktualizováno: 14. 06. 2017, 13:51
  • Autor: Jan Zatloukal

Optimalizace výkonu Nastavení e-shopu Webový obchod

Tento návod vyžaduje základní znalost Google Tag Manageru a funguje jen na e-shopech, které běží na aplikaci Webový obchod.

Proměnné

Proměnné slouží k předávání hodnot měřícím kódům. Některé proměnné využívají tzv. datovou vrstvu, které je ve zdrojovém kódu e-shopu označena jako JavaScriptový objekt dataLayer. Vytvořte tedy tyto proměnné:

  • GoogleAnalyticsID
    • Typ: Konstanta
    • Hodnota: [Vaše Google Analytics ID, např. UA-132456789-1]
  • GoogleAdWordsID (pokud používáte AdWords)
    • Typ: Konstanta
    • Hodnota: [Vaše Google AdWords ID, např. 123456789]
  • SeznamRetargetingID (pokud používáte Sklik Retargeting)
    • Typ: Konstanta
    • Hodnota: [Vaše Seznam Retargeting ID, např. 12345]
  • FacebookPixelID
    • Typ: Konstanta
    • Hodnota: ID pixelu pro Facebook reklamy
  • HodnotaObjednavky
    • Typ: Proměnná datové vrstvy
    • Název proměnné datové vrstvy: transactionTotal
    • Výchozí hodnota: 0
  • TypStranky
    • Typ: Proměnná datové vrstvy
    • Název proměnné datové vrstvy: ecomm_pagetype
    • Výchozí hodnota: other
    • Tato proměnná má tyto možné hodnoty:
      • home - úvodní stránka
      • product - detail produktu
      • category - kategorie
      • searchresults - výsledky vyhledávání
      • purchase - odeslání objednávky
  • IDProduktu
    • Název proměnné datové vrstvy: ecomm_prodid
  • HodnotaProduktu
    • Název proměnné datové vrstvy: ecomm_totalvalue
  • ZboziKategorie
    • Název proměnné datové vrstvy: category_path_zbozi
Do proměnných přidávejte všechny čísla, ID a hodntoy, které se budou ve značkách opakovat. Můžete je potom používat na více místech vložením {{nazevZnacky}} a to i do HTML/JavaScript kódu.

Pravidla

V Google Tag Manageru (dále jen TGM) si vytvořte pravidla. Ta slouží ke spouštění značek na vámi určených stránkách. Pro základní nastavení budeme potřebovat tato:

  • Všechny stránky (není potřeba vytvářet, v GTM je zobrazeno jako All Pages)
  • Odeslání objednávky
    • Výběr události: Zobrazení stránky
    • Konfigurace pravidla
      • Typ pravidla: Zobrazení stránky
    • Spustit při (některá zobrazení): Page URL ⇒ končí na ⇒ potvrzeni-objednavky
  • Načtení stránky
    • Model DOM je připraven
  • Typ - Detail produktu
    • Zobrazení stránky - Model DOM je připraven
    • Některé události, TypStranky obsahuje product
  • Typ - Kategorie
    • Zobrazení stránky - Model DOM je připraven
    • Některé události, TypStranky obsahuje category

Měřící značky

V této části si ukážeme, jak nastavit měřící značky. Značky vytvoříte v nabídce Značky > Nová.

Google Analytics - Měření návštěvnosti

  • Výběr produktu: Google Analytics
  • Typ značky: Universal Analytics
  • Konfigurace značky:
    • Identifikátor webové služby: {{GoogleAnalyticsID}}
    • Typ měření: Zobrazení stránky
    • Aktivovat funkce pro inzerenty v Obsahové síti (doporučujeme)
  • Spustit při: Všechny stránky

Google Analytics - Měření konverzí

  • Výběr produktu: Google Analytics
  • Typ značky: Universal Analytics
  • Konfigurace značky:
    • Identifikátor webové služby: {{GoogleAnalyticsID}}
    • Typ měření: Transakce
    • Aktivovat funkce pro inzerenty v Obsahové síti (doporučujeme)
  • Spustit při: Odeslání objednávky

Google AdWords - Remarketing

  • Výběr produktu: Google AdWords
  • Typ značky: Remarketing AdWords
  • Konfigurace značky:
    • Číslo konverze: {{GoogleAdWordsID}}
    • Vlastní parametry (zadat ručně):
      • Klíč: ecomm_prodid, Hodnota: IDProduktu
      • Klíč: ecomm_pagetype, Hodnota: TypStranky
      • Klíč: ecomm_totalvalue, Hodnota: HodnotaProduktu
  • Spustit při: Všechny stránky

Google AdWords - Měření konverzí

  • Výběr produktu: Google AdWords
  • Typ značky: Měření konverzí v AdWords
  • Konfigurace značky:
    • Číslo konverze: {{GoogleAdWordsID}}
    • Štítek konverze: Zadejte hodnotu parametru "label"
    • Hodnota konverze: {{HodnotaObjednavky}}
  • Spustit při: Odeslání objednávky

Seznam Retargeting - Detail produktu

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:
‹script type="text/javascript"›
/* ‹![CDATA[ */
var seznam_retargeting_id = {{SeznamRetargetingID}};
var seznam_itemId = "{{IDProduktu}}";
var seznam_pagetype = "offerdetail";
/* ]]› */
‹/script›
‹script type="text/javascript" src="//c.imedia.cz/js/retargeting.js"›‹/script›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Spustit při: Typ - Detail produktu

Seznam Retargeting - Kategorie

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:
‹script type="text/javascript"›
/* ‹![CDATA[ */
var seznam_retargeting_id = {{SeznamRetargetingID}};
var seznam_category = "{{ZboziKategorie}}";
var seznam_pagetype = "category";
/* ]]› */
‹/script›
‹script type="text/javascript" src="//c.imedia.cz/js/retargeting.js"›‹/script›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Spustit při: Typ - Kategorie

Seznam Retargeting - Ostatní

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:
‹script type="text/javascript"›
/* ‹![CDATA[ */
var seznam_retargeting_id = {{SeznamRetargetingID}};
/* ]]› */
‹/script›
‹script type="text/javascript" src="//c.imedia.cz/js/retargeting.js"›‹/script›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Spustit při: Načtení stránky
    Vyjímky: Typ - Detail produktu    , Typ - Kategorie

Seznam - Měření konverzí Sklik

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:

Zde můžete do JavaScriptového kódu vložit také hodnotu odeslané objednávky - dosazením proměnné do parametru v:

‹!-- Měřicí kód Sklik.cz --›
‹iframe width="1" height="1" frameborder="0" scrolling="no" src="http://c.imedia.cz/checkConversion?c=[např. 123456]&color=ffffff&v={{HodnotaObjednavky}}"›‹/iframe›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Spustit při: Odeslání objednávky

Seznam - Měření konverzí Zboží.cz

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:

Zde můžete do JavaScriptového kódu vložit také hodnotu odeslané objednávky - přiřazením parametru price:

‹!-- Měřicí kód Zbozi.cz --›
‹iframe width="1" height="1" frameborder="0" scrolling="no" src="http://www.zbozi.cz/action/[např. 123456]/conversion?chsum=[ znaky ]&price={{HodnotaObjednavky}}"›‹/iframe›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Spustit při: Odeslání objednávky

Facebook - Pixel

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:
    • Vložte JavaScript kód, jen ID pixelu nahraďte {{FacebookPixelID}}
  • Spustit při: Všechny stránky

Facebook - Pixel - Měření konverze

Tato značka rozšiřuje značku "Facebook - Pixel".

  • Výběr produktu: Vlastní značka HTML
  • Konfigurace značky:
‹script›
fbq('track', 'ViewContent');
fbq('track', 'Purchase', {value: '{{HodnotaObjednavky}}', currency: 'CZK'});
‹/script›
‹noscript›
‹img height="1" width="1" border="0" alt="" style="display:none"
src="https://www.facebook.com/tr?id={{FacebookPixelID}}&ev=Purchase&cd[value]={{HodnotaObjednavky}}&cd[currency]=CZK" /›
‹/noscript›

* Tato ukázka HTML/JavaScriptu používá znaky "›‹" namísto "><" - upravte si je proto v kódu, který vkládáte do GTM.

  • Sekvence značek:
    • Spustit značku před spuštěním... Facebook - Pixel
    • Nespouštět značku ...
  • Spustit při: Odeslání objednávky

Heureka - Měření konverzí

Návod připravujeme. Prozatím použijte nastavení v e-shopu.

Heureka - Ověřeno zákazníky

Pro tuto funkci je potřeba komunikace na straně serevru - Ověřeno zákazníky tedy není možné přes GTM nastavit. Použijte nastavení v administraci e-shopu.