Jak propojit Google Tag Manager s webem od Webnode?

autor: | Lis 28, 2019 | Google, Všechny návody, Zdroje zdarma | 0 komentářů

Co je to Google Tag Manager?

Internetový (online) marketing vyžaduje vkládání různých měřících kódů na Váš web či e-shop. Abyste nemuseli vkládat každý měřící kód „ručně“ do hlavičky, či patičky webu můžete použít službu Google Tag Manager, která Vám umožní vložit na Váš web pouze jeden kód a následně pomocí této služby vkládat další kódy přímo na web (bez nutnosti přihlašovat se do editace webu ve Webnode). Všechny kódy tak budete mít přehledné a usnadní Vám to práci 🙂

Google Tag Manager je velmi užitečná služba pokud chcete např. vložit remarketing kód na webnode, vložit konverzní kód na webnode apod.

Služba GTM Vám umožní spravovat kódy různých externích služeb jako např. Smartlook, Smartsupp, nebo vložení vlastního HTML kódu apod na jednom místě.

Zdroj: https://cs.wikipedia.org/wiki/Google_Tag_Manager

Návod: Jak propojit GTM s Webnode?

V tomto návodu se zaměřím pouze na propojení webu od Webnode se službou Google Tag Manager.

Pokud nevíte jak tuto službu používat doporučím Vám oficiální návod od Googlu.

Návod rozdělím na 2 části:

  1. Registrace a získání kódů
  2. Vložení kódů na web a ověření

1. Pro využívání této služby potřebujete účet od Googlu (pokud účet Google nemáte, tak si ho zdarma vytvořte) a přihlaste se: https://tagmanager.google.com/

2. Po přihlášení do služby GTM klikněte na „Vytvoření účtu„

3. Vyplňte údaje o účtu a pokračujte na „Vytvořit“.

4. Po vytvoření účtu na Vás vyskočí okno s instrukcemi pro propojení s webem nebo e-shopem. Okno nezavírejte, kódy budete potřebovat 🙂

5. Google Tag Manager můžete nyní s Vašim webem / e-shopem propojit vložením 1 kódu do hlavičky webu a 1 kódu do těla stránky. Přihlaste se proto do editace webu ve Webnode a vyberte si postup pro vložení kódu podle toho jaké služby máte u Webnode zaplaceno:

 

1. Mám zakoupené Prémiové služby STANDARD nebo PROFI

Pokud máte u Webnode zakoupené Prémiové služby Standard nebo Profi, tak můžete jedním vložením vložit kód do hlavičky <head> na všechny stránky webu.

V horní části editoru klikněte na „Nastavení“ – „Nastavení webu“ – „HTML hlavička / patička“ – „HTML hlavička“.

Výborně, první kód jste úspěšně vložili.

Ten druhý kód Google Tag Manageru je třeba vložit na každou stránku webu zvlášť do těla stránky <body>.

Kód do těla stránky se vkládá pomocí funkce „+“ a „HTML“ a musíte ho vložit na každou stránku webu:

Návod na vloženie tabuľky vo Webnode

Výborně, úspěšně jste vložili i druhý kód 🙂
Změnu publikujte a máte hotovo 🙂

2. Mám projekt ve verzi Zdarma nebo mám zakoupen Prémiový balíček Limited, Mini.

Pokud máte web, či e-shop vytvořen ve verzi Zdarma nebo máte zakoupen Prémiový balíček Limited, či Mini, tak musíte první kód vložit do hlavičky na každou stránku zvlášť + musíte druhý kód vložit na každou stránku do obsahu webu.

1. Vložení kódu do hlavičky každé stránky: V horní liště editoru klikněte na „Stránky“ – „Vyberte stránku“ – „SEO nastavení stránky“ – „HTML Hlavička“ a vložte první kód z Google Tag Manageru.

2. Druhý kód z GTM si zkopírujte a následně si otevřete postupně každou stránku webu, a pomocí tlačítka „+“ a „HTML“ vložte Váš kód.

Vložení kódu na každou stránku:

Návod na vloženie tabuľky vo Webnode

Tímto způsobem můžete vložit na každou stránku dané kódy z GTM.

Výborně – Google Tag Manager jste úspěšně propojili s webem/e-shopem od Webnode.

Pevně věřím, že se Vám web od Webnode podařilo úspěšně propojit s Google Tag Manager a vše funguje.

Pokud byste měli nějaký problém, neváhejte mi napsat komentář nebo napište přímo do mé Webnode poradny. V urgentních případech mě kontaktujte e-mailem nebo mi neváhejte zavolat na tel.č +420 792 435 395 🙂

6. Po vložení kódů změny publikujte (tlačítkem „Publikovat“ v horní části editoru)

 

Ou yeah! Výborně – máte hotovo – Google Tag Manager jste úspěšně propojili s webem od Webnode a vše by mělo nyní fungovat. Jsem rád, že jste se dočetli až do konce a doufám, že Vám návod alespoň trochu pomohl.

Neváhejte mi koupit kávu nebo napsat komentář, budu rád za jakoukoli zpětnou vazbu.

Držím Vám palce s Vašim online podnikáním 🙂

Další skvělé návody

Jak na web pridať padajíci konfety?

Jak na web pridať padajíci konfety?

od | Pro 31, 2019 | , ,

Jak na webové stránky vo Webnode pridať animáciu - padajíci konfety?Do mé Webnode poradny přišla otázka, zda je možné na webu ve Webnode přidat animaci padajících konfet. Ano je to možné - pro všechny, kteří hledají "padající konfety na web" jsem připravil kód, který...

Jak zvýšit prodej v e-shopu o 7-18%?

Jak zvýšit prodej v e-shopu o 7-18%?

od | Říj 9, 2019 | ,

Chcete zvýšit prodej na Vašem e-shopu? Máte návštěvníků, avšak jen málo lidí si něco koupí? V tomto návodu Vám ukážu skvělý způsob jak zvýšit prodeje v e-shopu. Jsou to notifikace. Ano - obyčejné, pro někoho možná otravné, notifikace. Online nástroj Notifikuj.cz se mi...

Jak na web ve Webnode vložit anketu?

Jak na web ve Webnode vložit anketu?

od | Srp 16, 2019 | ,

Chcete na webové stránky ve Webnode vložit anketu?Online dotazník zdarma (anketa na web) je jeden z nejčastějších způsobů jak dostat od návštěvníků webu zpětnou vazbu. Bez zpětné vazby je obtížné posoudit, zda na své zákazníky působíte správné a zda má vůbec Vaše...

Jak přidat obrázek GIF ve Webnode?

Jak přidat obrázek GIF ve Webnode?

od | Srp 16, 2019 | ,

Chcete na web ve Webnode vložit GIF obrázek? Systém Webnode nepovoluje gify, když je vložíte jako obrázek. Z tohoto důvodu musíte nejprve požadovaný .GIF obrázek nahrát na externí stránku a získat tak URL adresu obrázku. Získanou URL adresu vložíte do kódu a HTML kód...

Jak na web přidat remarketing kód ve Webnode?

Jak na web přidat remarketing kód ve Webnode?

od | Bře 25, 2019 | ,

Jak nastavit remarketing ve Webnode? a Kam vložit remarketing kód?   V návode Jak přidat konverzní kód ve Webnode? jsem Vám ukázal jednoduchý postup pro vložení konverzního kódu pro sledování konverzí. Pojďme se nyní společně podívat na další PPC metodu tzv....

Líbil se ti tento návod? Pošli ho přátelům 🙂

Vytvořit web zdarma
Viliam
Follow me
Latest posts by Viliam (see all)

Vložit komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *