Instalace sledovacího a úryvkového kódu na vašem webu EdCommerce

Pro integraci úryvku kódu do vašich webových stránek obvykle postupujte podle těchto kroků:

Krok 1. Získejte kód úryvku

Najděte a zkopírujte kód úryvku ze služby nebo platformy, se kterou provádíte integraci. Může jít o měřicí pixel, chatovací widget, vložený formulář nebo jakýkoli jiný kód poskytnutý službou.

Pokud se pokoušíte nainstalovat kód Google Tag Manager nebo Meta Pixel, postupujte podle příslušných částí níže:

• Instalace Meta Pixel
• Instalace Google Tag Manager

Krok 2. Přidejte kód úryvku do EdCommerce

Přidání skriptů do EdCommerce je velmi jednoduché, stačí přejít do oblasti Integrace a kliknout na „Přidat kód skriptu“.

Vyplňte pole integrace skriptu následovně:

• Název: Přidejte svému úryvku název. Můžete použít název nástroje, který integrujete.
• Vložit do: Hlavička nebo tělo (záleží na pokynech služby, kterou integrujete).
• Kód: Zkopírujte příslušný kód úryvku, který jste našli na platformě jiné aplikace, a vložte jej sem.

Krok 3: Zkontrolujte, zda vaše integrace funguje správně

Proces ověření, že vaše integrace funguje správně, se může lišit v závislosti na platformě, se kterou provádíte integraci. Je zásadní projít si konkrétní pokyny k integraci poskytnuté službou nebo platformou, se kterou pracujete, protože mohou obsahovat další požadavky nebo doporučení pro integraci jejich kódu úryvku.

Instalace Google Tag Manager

Krok 1 – Získejte kód úryvku z Google Tag Manager

Začněte tím, že se přihlásíte ke svému účtu Google Tag Manager na adrese <https://tagmanager.google.com>

Po přihlášení se zobrazí seznam kontejnerů přidružených k vašemu účtu. Vyberte kontejner, se kterým chcete pracovat, nebo vytvořte nový pro EdCommerce.

Po výběru kontejner otevřete a zpřístupněte jeho obsah. V přehledu kontejneru najděte v horní liště nabídky ID kontejneru a klikněte na něj (obvykle začíná na GTM-XXX).

Najdete zde dva úryvky kódu: jeden pro sekci <head> a druhý pro sekci <body> vašich webových stránek. Pro EdCommerce použijeme pouze kód v sekci <head>.

Krok 2. Přidejte úryvky kódu do EdCommerce

Přidání kódu úryvku do EdCommerce je velmi jednoduché, stačí přejít do oblasti integrací a kliknout na tlačítko „Přidat kód skriptu“.

Vyplňte pole integrace skriptu následovně:

• Název: Přidejte název svého úryvku, například Google Tag Manager.
• Vložit do: Záhlaví (pro Google Tag Manager nepoužijeme tělo)
• Kód: Zkopírujte sem odpovídající kód úryvku „header“, který jste našli v Google Tag Manageru.

Krok 3: Ověřte, zda váš Google Tag Manager funguje správně

Nejjednodušší způsob, jak ověřit, zda jste instalaci provedli správně, je nainstalovat rozšíření Google Tag Assistant pro Chrome z Internetového obchodu Chrome.

Poté postupujte podle těchto kroků:

1. Otevřete svůj web v prohlížeči Google Chrome.
2. Klikněte na ikonu rozšíření Tag Assistant na liště nástrojů Chrome.
3. Zobrazí se vyskakovací okno. Kliknutím na „Povolit“ zahájíte nahrávání.
4. Procházejte svůj web a provádějte akce, které aktivují tagy nastavené v Google Tag Manageru.
5. Po dokončení akcí znovu klikněte na ikonu rozšíření Tag Assistant.
6. Tag Assistant analyzuje tagy aktivované na každé stránce a poskytne report.
7. Zkontrolujte report, zda neobsahuje chyby nebo upozornění související s nastavením Google Tag Manageru.

Report Tag Assistantu ukáže, zda se tagy z vašeho kontejneru Google Tag Manageru aktivují správně, nebo zda se vyskytují nějaké problémy. Nezapomeňte na svém webu otestovat různé scénáře, abyste se ujistili, že se všechny požadované tagy aktivují podle očekávání.

Kromě toho můžete také zkontrolovat sekci „V reálném čase“ v Google Analytics a zjistit, zda jsou z vašeho webu přijímána data. Pokud se při provádění akcí na webu EdCommerce v Google Analytics zobrazují data v reálném čase, znamená to, že váš Google Tag Manager správně odesílá data do Google Analytics.

Instalace Meta Pixelu

Pokud jste již nastavili Meta Pixel pomocí tagů IMG nebo to plánujete udělat, doporučujeme postupovat podle vývojářské dokumentace Facebooku.

V tomto článku vám ukážeme, jak nastavit a nainstalovat Meta Pixel na váš web EdCommerce. Chcete-li se o pixelu dozvědět více, než začnete, podívejte se na výhody instalace Meta Pixelu.

Pokud jste již vytvořili Meta Pixel a chcete najít základní kód svého pixelu, přejděte na Krok 2: Přidejte pixel do EdCommerce.

Krok 1: Vytvořte a nastavte Meta Pixel

1. Přejděte do Správce událostí.
2. Klikněte na Připojit zdroje dat a vyberte Web.
3. Vyberte Meta Pixel a klikněte na Připojit.
4. Přidejte název svého pixelu.
5. Zadejte URL svého webu a zkontrolujte možnosti snadného nastavení.
6. Klikněte na Pokračovat.

\Více informací najdete v [Centru nápovědy Meta Business.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Krok 2. Přidejte svůj pixel do EdCommerce

Pixel Meta budete do EdCommerce přidávat ručně, takže je potřeba zkopírovat skript z Meta Events Manageru a vložit jej do záhlaví svého webu EdCommerce.

Přidávání skriptů do EdCommerce je velmi jednoduché, stačí přejít do oblasti Integrace a kliknout na „Add Script Code“

Vyplňte pole integrace skriptu následovně:

• Název: Přidejte název svého skriptu, například Meta Pixel nebo Facebook Pixel
• Vložit do: Head (pro Meta Pixel nepoužijeme body)
• Kód: Sem zkopírujte kód nalezený v Meta Events Manageru.

A klikněte na „Save“.

Krok 3: Zkontrolujte, zda váš Meta Pixel funguje správně

Chcete-li zkontrolovat, zda je váš Facebook Pixel správně připojen a funguje, můžete postupovat podle těchto kroků:

1. Přihlaste se ke svému účtu Facebook Business Manager na adrese https://business.facebook.com.
2. Přejděte na kartu „Zdroje dat“ v levém postranním panelu.
3. V části „Pixely“ byste měli vidět uvedený svůj Facebook Pixel. Pokud je připojen a funguje správně, bude u něj zelená tečka označující, že je aktivní.
4. Kliknutím na název svého pixelu získáte přístup k jeho nastavením a dalším podrobnostem.
5. V nastavení pixelu můžete zkontrolovat sledované události, ověřit případné chyby nebo varování a zobrazit nedávnou aktivitu pixelu.