JAK

Jak Domů

Menu

Lišta ikon Ikona nabídky Akordeon Karty Vertikální záložky Záhlaví karet Karty celé stránky Karty po najetí myší Horní Navigace Responzivní Topnav Navbar s ikonami Nabídka vyhledávání Panel vyhledávání Pevný boční panel Navigace na stránce Responzivní postranní panel Navigace na celou obrazovku Nabídka mimo plátno Umístění tlačítek boční navigace Postranní panel s ikonami Horizontální rolovací menu Vertikální nabídka Spodní navigace Responzivní spodní navigace Spodní okraj navigačních odkazů Odkazy nabídky zarovnané vpravo Odkaz na střed nabídky Odkazy na nabídku stejné šířky Pevné menu Posuňte dolů pruh při posouvání Skrýt navigační panel při posouvání Shrink Navbar on Scroll Sticky Navbar Navbar na obrázku Rozbalovací nabídky po najetí myší Klikněte na Rozbalovací seznamy Kaskádový rozevírací seznam Rozbalovací nabídka v Topnav Rozbalovací seznam v Sidenav Resp Rozbalovací nabídka Navbar Nabídka subnavigace Dropup Mega Menu Mobilní menu Nabídka záclon Sbalený postranní panel Složený boční panel Stránkování Strouhanka Skupina tlačítek Skupina vertikálních tlačítek Sticky Social Bar Pilulková navigace Responzivní záhlaví

snímky

Prezentace Prezentace Galerie Modální obrázky Světelný box Responzivní mřížka obrázků Obrazová mřížka Galerie karet Vyblednutí překryvného obrázku Překryvný snímek Překryvný obrázek Zoom Název překryvného obrázku Ikona překrytí obrázku Obrazové efekty Černobílý obrázek Text obrázku Obrazové textové bloky Text průhledného obrázku Obrázek celé stránky Formulář na obrázku Obrázek hrdiny Rozostření Obrázek na pozadí Změnit Bg on Scroll Obrazy vedle sebe Zaoblené obrázky Obrázky avatarů Responzivní obrázky Středové obrázky Miniatury Ohraničení kolem obrázku Seznamte se s týmem Lepivý obrázek Překlopte obrázek Zatřeste obrázkem Portfolio galerie Portfolio s filtrováním Přiblížení obrázku Skleněná lupa Posuvník pro srovnání obrázků Favicon

Tlačítka

Tlačítka výstrah Tlačítka obrysu Rozdělit tlačítka Animovaná tlačítka blednoucí tlačítka Tlačítko na obrázku Tlačítka sociálních médií Číst více Číst méně Tlačítka načítání Tlačítka ke stažení Tlačítka na pilulky Tlačítko oznámení Ikonová tlačítka Tlačítka Další/Předchozí Více Tlačítko v Nav Blokovat tlačítka Textová tlačítka kulatá tlačítka Tlačítko Posunout Nahoru

formuláře

přihlašovací formulář Přihlašovací formulář Pokladní formulář Kontaktní formulář Přihlašovací formulář pro sociální sítě Registrační formulář Formulář s ikonami Zpravodaj Skládaný formulář Responzivní formulář Popup Form Inline formulář Vymazat vstupní pole Skrýt číselné šipky Kopírovat text do schránky Animované vyhledávání Tlačítko Hledat Celoobrazovkové vyhledávání Vstupní pole v navigační liště Přihlašovací formulář v Navbar Vlastní zaškrtávací políčko/rádio Vlastní výběr Přepnout spínač Zaškrtněte políčko Detekce Caps Lock Spouštěcí tlačítko na Enter Ověření hesla Přepnout viditelnost hesla Vícekrokový formulář Automatické doplňování Vypněte automatické doplňování Vypněte kontrolu pravopisu Tlačítko pro nahrání souboru Ověření prázdného vstupu

Filtry

Seznam filtrů Tabulka filtrů Filtrační prvky Rozbalovací nabídka filtrů Seznam řazení Tabulka kouzel

Tabulky

Zebra pruhovaný stůl Středové stoly Stůl na celou šířku Stoly vedle sebe Responzivní tabulky Srovnávací tabulka

Více

Video na celou obrazovku Modální boxy Smazat modal Časová osa Ukazatel rolování Progress Bars Skill Bar Posuvníky rozsahu Popisky Zobrazovací prvek Přejetí myší Vyskakovací okna Skládací Kalendář HTML zahrnuje Seznam úkolů Nakladače Hodnocení hvězdičkami Uživatelské hodnocení Překryvný efekt Kontaktujte čipy karty Otočit kartu Karta profilu Produktová karta Upozornění Zavolat Poznámky Štítky Kruhy Styl HR Kupón Seznam skupiny Seznam bez odrážek Responzivní text Text výřezu Zářící Text Pevné zápatí Lepivý prvek Stejná výška Clearfix Responzivní plováky Snackbar Celoobrazovkové okno Scroll Drawing Plynulé posouvání Přechod Bg Scroll Sticky Header Zmenšit záhlaví při posouvání Tabulka cen Paralaxa Poměr stran Responzivní prvky iframe Přepínání Líbí se/Nelíbí Přepnout Skrýt/Zobrazit Přepnout tmavý režim Přepnout text Přepnout třídu Přidat třídu Odebrat třídu Aktivní třída Stromový pohled Odebrat službu Detekce offline Najděte skrytý prvek Přesměrování webové stránky Zoom Umístěte ukazatel myši Flip Box Střed Svisle Středové tlačítko v DIV Přechod na Hover Šipky Tvary Odkaz ke stažení Prvek plné výšky Okno prohlížeče Vlastní posuvník Skrýt posuvník Zobrazit/Vynutit posuvník Vzhled zařízení Upravitelné ohraničení Barva zástupného symbolu Barva výběru textu Barva odrážky Svislá čára Děliče Animovat ikony Odpočítávadlo Psací stroj Již brzy Stránka Chatové zprávy Vyskakovací okno chatu Rozdělená obrazovka Posudky Počítadlo sekcí Prezentace citací Uzavíratelné položky seznamu Typické body přerušení zařízení Přetahovatelný prvek HTML JS Media dotazy Zvýrazňovač syntaxe JS animace Délka řetězce JS Umocnění JS Výchozí parametry JS Získat aktuální URL Získejte aktuální velikost obrazovky Získejte prvky iframe

webová stránka

Vytvořte si web zdarma Vytvořte web Vytvořte statický web Vytvořit web (W3.CSS) Vytvořte web (BS3) Vytvořte web (BS4) Vytvořte web (BS5) Vytvořit a zobrazit web Vytvořte web se stromem odkazů Vytvořte portfolio Vytvořte životopis Vytvořte web restaurace Vytvořte obchodní web Vytvořte si webovou knihu Web centra Kontaktní sekce O stránce Velké záhlaví Příklad webové stránky

Mřížka

2 Rozvržení sloupců 3 Rozvržení sloupců 4 Rozvržení sloupců Rozšiřující se mřížka Zobrazení mřížky seznamu Smíšené rozvržení sloupců Karty sloupců Rozložení Zig Zag Rozvržení blogu

Google

Google Charts Písma Google Párování písem Google Google nastavit Analytics

Převodníky

Převést váhu Převést teplotu Převést délku Převést rychlost

Blog

Získejte pozici vývojáře Staňte se předním vývojářem.

Jak nastavit Google Analytics

Google Analytics se používá k zobrazení a pochopení webového provozu.

Je zdarma a snadno se používá.

Můžete si jej přizpůsobit pro mnoho případů použití.

Funguje to po vybalení z krabice.

Nastavení je rychlé. Získejte své postřehy ještě dnes!

Vytvořte si můj bezplatný web ❯

Přeskočte čtení o Google Analytics. Vezmi mě přímo k prvnímu kroku. Přejděte k prvnímu kroku

Co je Google Analytics

Google Analytics je řešení pro webovou analýzu.

Je vyvinut a podporován společností Google.

Nejnovější verze se nazývá Google Analytics 4.

Lze jej použít k zobrazení dat, jako je publikum, zobrazení stránek, návštěvy a demografické údaje a události.

Proč aktivovat Google Analytics

Pochopte svůj webový provoz, abyste se mohli lépe rozhodovat.

Pochopte a zdokonalte prodejní cestu.

Učte se z experimentování (například a/b testy).

Google má další řešení s názvem Google Optimize. Toto řešení je určeno pro testování.


Pro koho je Google Analytics určen

Google Analytics je užitečný pro každého, kdo má webové stránky.

Poskytuje vám informace o tom, kdo používá váš web a jak s ním interaguje.

Kromě toho je rozhraní snadno pochopitelné.

K používání a procházení služby nepotřebujete analytické pozadí.


Jak nastavit Google Analytics krok za krokem

Google Analytics lze nastavit dvěma způsoby : Global Website Tag (gtag.js) nebo Google Tag Manager .

Nejjednodušší způsob je použít značku The Global Website Tag.

Tento výukový program bude používat přístup The Global Website Tag.


Přípravky

Rozhodněte se, který editor kódu chcete použít, a nastavte své prostředí.

W3Schools vytvořilo snadno použitelný editor kódu s názvem W3Schools Spaces . Zaregistrujte se a začněte několika kliknutími.

Začněte zdarma ❯

Vytvořte svůj soubor index.html , abyste byli připraveni zadat kód.

Veškeré nastavení. Pojďme!


Nastavte Google Analytics: globální značku webu


Krok 1: Vytvořte si účet Google Analytics

Přejít do Analytics: Vytvořte si účet nebo se přihlaste do Analytics

Odkaz ve výše uvedeném odstavci vás zavede na vstupní stránku Google Analytics.

Klikněte na tlačítko „Začít zdarma“.

vstupní stránka

Krok 2: Vstupte na uvítací stránku

Po vytvoření účtu nebo přihlášení jste vítáni v řešení.

Pokračujte stisknutím tlačítka "Spustit měření".

Uvítací stránka

Krok 3: Nastavení účtu

Zde musíte učinit dvě rozhodnutí.

  1. Zadejte název účtu.
  2. Rozhodněte se, jaká data chcete sdílet.
  3. Klikněte na tlačítko "Další".

Jeden účet může mít více než jedno ID sledování. Pomocí účtu můžete sledovat více než jednu webovou stránku.

Přehled nastavení účtu

Krok 4: Nastavení vlastnosti

Vlastnost je služba, kterou měříte, jako je webová stránka, aplikace, strom odkazů atd.

  1. Zadejte název vlastnosti.
  2. Zadejte své časové pásmo.
  3. Zadejte měnu, kterou používáte.
  4. Klikněte na tlačítko "Další".
Přehled nastavení nemovitosti

Krok 5: Přidejte informace o firmě

Analytics používá informace k přizpůsobení vaší zkušenosti.

  1. Vyberte svou oborovou kategorii.
  2. Vyberte velikost firmy.
  3. Tick the boxes for how you are planning to use Analytics.
  4. Click the "Create" button to proceed.
Podrobnosti obchodních informací

Step 6: Terms of Service Agreement

Read and understand the terms of service.

Tick the GDPR box and click the "I accept" button if you agree.

Přehled smluvních podmínek

Step 7: Email subscriptions

  1. Tick or uncheck all boxes.
  2. Click the "Save" button to continue.
Přehled emailové komunikace

Step 8: Select platform

Chose the platform where you are collecting data.

Then, click the relevant platform to continue.

We are continuing with "Web" as the example in this tutorial.

Vyberte přehled platformy

Step 9: Data stream setup

Enter data stream details.

  1. The URL to your site.
  2. The name that you want to give the stream.
  3. Decide if you are to enable enhanced measurement or not.
  4. Click on the "Create stream" button to continue.
  5. The enhanced measurement can give the data more context. Improving your understanding of the traffic.

    Přehled nastavení datového toku

    Step 10: Web stream overview

    Here you can see a detailed overview of the web stream.

    Přehled podrobností o webovém streamu

    Here are the key takeaways from the overview.

    1. Stream URL.

    The Stream URL is the link to the connected site.

    URL streamu

    2. Measurement ID

    The Measurement ID is the identifier for your data stream.

    It has a format of G-XXXXXXX.

    ID měření

    Google Analytics 4 uses Measurement ID. Older versions use Tracking ID. You can not have both.

    3. Tagging instructions

    Decide to use Global site tag (gtag.js) or Tag manager.

    This tutorial will use the Global site tag.

    Installing the Global site tag is the easiest and quickest way of getting it up and running.

    pokyny k označování

    Step 11: Global site tag (gtag.js)

    Click the "Global site tag (gtag.js)" row.

    Globální značka webu

    Here you can see a code snippet.

    The code snippet is a script to allow Google to measure data on your site.

    You can see the Measurement ID in the second last line in the code snippet.

    The code snippet

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DNJN1PF3CS"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-XXXXXXX');
    </script>

    Step 12: Enter the code snippet

    Copy the code snippet.

    Make sure to include your Measurement ID.

    Locate the <head> tag in your HTML.

    Paste the code snippet just below the <head> tag.

    Save and publish the code.

    Přidejte fragment kódu

    We used W3Schools Spaces in this example.


    Step 13: Test that it works

    Ensure that you have successfully saved and published the code snippet with the correct Measurement ID.

    Open the URL for the site you have connected to the data stream.

    Click on "Real time" on the menu to the left.

    Confirm that you see yourself as an active user.

    Congrats. You have successfully enabled Google Analytics for your site!

    Analytics dashboard

    Explore Google Analytics

    Recommended related topics are Tag manager and Events

    Spend time in the service to learn about your user activity, commerce, demographics, device, and referrals.


    Tip: Ever heard of W3Schools Spaces? It is a personal space where you can make a website from scratch or use a template and host it for free.

    It has everything you need in the browser.

    Get started in a few clicks.

    Start now for free ❯

    * no credit card required