Site icon William Promotions

Jak propojit Google Tag Manager s webem od Webnode?

Viliam

Webnode

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:

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:

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 🙂

Webnode

Další skvělé návody

Script na přesměrování (redirect)

od | Led 19, 2019 | ,

Hledáte způsob jak návštěvníka Vaší Webnode webstránky automaticky přesměrovat na jiný web? (URL adresu)   Řešení je jednoduché: Upravte a zkopírujte níže uvedený HTML kód 🙂   1. V kódu upravte hodnotu URL. Namísto URL vložte do kódu adresu na kterou chcete...

Jak propojit Facebook s webem?

od | Led 19, 2019 | , ,

Potřebujete na webové stránky vložit widget pro propojení webu s Facebook? Jste tu správně.        V návode Jak přidat ikony soc. sítí (FB a Instagram) do horní části na webu ve Webnode? jsem vám ukázal velmi jednoduchý způsob pro propojení webu se soc....

Script pro CZ / SK svátek

od | Led 19, 2019 | ,

Potřebujete na Vaše webové stránky vo Webnode vložit HTML kód, který zobrazí aktuální den a svátek?   Někteří z níže uvedených kódů můžete na webové stránky vložit pomocou funkcie HTML. CZ svátek SK meniny TIP: Přidejte si do pravého horního rohu ikony sociálních...

Skript na zablokování pravého kliku

od | Led 19, 2019 | ,

Chcete zabránit kopírování obsahu z Vašich webových stránek? Tento script umožní na Vašich stránkách zablokovat návštěvníkům pravý klik myši a tím zabránit kopírování textu. 1. Přihlaste se do editoru Webnode, A níže uvedený kód vložte do hlavičky stránky na které...

Jak propojit Google Kalendář s webem?

od | Led 18, 2019 | , ,

Google Kalendář - výborná pomoc pro organizaci času Google Kalendár je webová aplikace pro organizaci Vašeho času. V tomto návodu se dozvíme jak vložit Google Kalendář na webové stránky od společnosti Webnode. 1. První krok je vytvoření účtu u Google - tu. 2. V...

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

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