HOE OM

Hoe om huis toe

Spyskaarte

Ikoonbalk Kieslys-ikoon Trekklavier Oortjies Vertikale oortjies Oortjieopskrifte Volblad-oortjies Beweeg oortjies Top navigasie Responsiewe Topnav Navbar met ikone Soek Menu Soekbalk Vaste Sidebar Bladsynavigasie Responsiewe Sidebar Volskermnavigasie Off-Canvas Menu Beweeg Sidenav-knoppies Sybalk met ikone Horisontale rolkieslys Vertikale spyskaart Onderste navigasie Responsiewe onderste navigasie Ondergrens Nav Skakels Regsbelynde spyskaartskakels Gesentreerde kieslysskakel Gelyke breedte spyskaart skakels Vaste spyskaart Skuif balk af op Scroll Versteek Navbar op Scroll Krimp Navbar op Scroll Plakkerige navigasiebalk Navbar op Beeld Beweeg aftreklys Klik Dropdowns Cascading Dropdown Aftreklys in Topnav Aftreklys in Sidenav Resp Navbar aftreklys Subnavigasie-kieslys Dropup Mega spyskaart Mobiele spyskaart Gordyn Menu Sybalk saamgevou Ingevoude sypaneel Paginering Broodkrummels Knoppiegroep Vertikale knoppiegroep Sticky Social Bar Pilnavigasie Responsiewe kop

Beelde

Skyfievertoning Skyfievertoninggalery Modale beelde Lig boks Responsiewe beeldrooster Beeldrooster Tab Galery Beeld-oorleg vervaag Beeld-oorlegskyfie Beeld-oorlegzoem Prent-oorlegtitel Beeld-oorleg-ikoon Beeld effekte Swart en Wit Beeld Beeld teks Prentteksblokke Deursigtige beeldteks Volle bladsy Beeld Vorm op Beeld Heldebeeld Vervaag agtergrondprent Verander Bg op Scroll Sy-aan-sy-beelde Afgeronde beelde Avatar beelde Responsiewe beelde Sentreer beelde Duimnaels Rand om beeld Ontmoet die span Klewerige beeld Blaai 'n prent Skud 'n beeld Portefeuljegalery Portefeulje met filter Beeldzoem Beeldvergrootglas Beeldvergelyking-skuifbalk Gunsteling

Knoppies

Waarskuwingsknoppies Omlyn-knoppies Verdeel knoppies Geanimeerde knoppies Vervaag knoppies Knoppie op Beeld Sosiale media-knoppies Lees meer Lees minder Laai knoppies Laai knoppies af Pil Knoppies Kennisgewing-knoppie Ikoon knoppies Volgende/vorige knoppies Meer-knoppie in Nav Blokknoppies Teks knoppies Ronde knoppies Blaai na bo-knoppie

Vorms

Aantekenvorm Registrasievorm Betaalvorm Kontak Vorm Sosiale aanmeldvorm Registreer Vorm Vorm met ikone Nuusbrief Gestapelde vorm Responsiewe vorm Opspringvorm Inlyn vorm Vee invoerveld uit Versteek nommerpyltjies Kopieer teks na knipbord Geanimeerde soektog Soek-knoppie Volskermsoektog Invoerveld in Navbar Aantekenvorm in Navbar Pasgemaakte merkblokkie/radio Pasgemaakte kies Wissel skakelaar Merk Merkblokkie Bespeur Caps Lock Snellerknoppie op Enter Wagwoord validering Wissel Wagwoordsigbaarheid Meervoudige Stapvorm Outovoltooi Skakel outovoltooiing af Skakel speltoets af Lêeroplaai-knoppie Leë invoerbekragtiging

Filters

Filter lys Filtertabel Filter elemente Filter aftreklys Sorteer lys Speltabel

Tabelle

Sebra Gestreepte Tafel Sentrumtafels Volle breedte tafel Sy-aan-sy tafels Responsiewe tabelle Vergelykingstabel

Meer

Volskerm video Modale bokse Verwyder Modal Tydlyn Scroll aanwyser Vorderingstawe Vaardigheidsbalk Range Sliders Gereedskapwenke Vertoon Element Hover Advertensies Opvoubaar Kalender HTML sluit in To Do List Laaiers Stergradering Gebruikersgradering Oorleg effek Kontak Chips Kaarte Flip kaart Profielkaart Produk Kaart Waarskuwings Uitroep Notas Etikette Kringe Styl HR Koepon Lys Groep Lys sonder koeëls Responsiewe teks Uitknip teks Gloeiende teks Vaste voetskrif Klewerige element Gelyke Hoogte Clearfix Responsiewe dryf Peuselstafie Volskerm-venster Scroll Tekening Gladde rol Gradiënt Bg Scroll Plakkerige kop Krimp kopskrif op rol Pryse tabel Parallax Aspekverhouding Responsiewe iframes Wissel Hou van / Hou nie van nie Wissel Versteek/Wys Wissel donker modus Wissel teks Wissel Klas Voeg klas by Verwyder klas Aktiewe klas Boom Uitsig Verwyder eiendom Vanlyn opsporing Vind verborge element Herlei webblad Zoom Hover Flip Box Sentreer vertikaal Middelknoppie in DIV Oorgang op Hover Pyltjies Vorms Aflaai skakel Volle hoogte element Blaaier venster Pasgemaakte rolbalk Versteek rolbalk Wys/Forseer rolbalk Toestel kyk Tevrede bewerkbare grens Plekhouer kleur Tekskeuse kleur Bullet Kleur Vertikale lyn Verdelers Animeer ikone Countdown Timer Tikmasjien Binnekort Bladsy Kletsboodskappe Opspringkletsvenster Verdeelde skerm Getuigskrifte Seksie Teller Aanhalings Skyfievertoning Sluitbare lysitems Tipiese toestelbreekpunte Sleepbare HTML-element JS Media Navrae Sintaksis Verligmaker JS Animasies JS Snaar Lengte JS Eksponensiëring JS verstek parameters Kry huidige URL Kry huidige skermgrootte Kry Iframe Elements

Webwerf

Skep 'n gratis webwerf Maak 'n webwerf Maak 'n statiese webwerf Maak 'n webwerf (W3.CSS) Maak 'n webwerf (BS3) Maak 'n webwerf (BS4) Maak 'n webwerf (BS5) Skep en bekyk 'n webwerf Skep 'n skakelboom-webwerf Skep 'n portefeulje Skep 'n CV Maak 'n restaurantwebwerf Maak 'n besigheidswebwerf Maak 'n webboek Sentrum webwerf Kontak Afdeling Oor Bladsy Groot kop Voorbeeld webwerf

Rooster

2 Kolomuitleg 3 Kolomuitleg 4 Kolomuitleg Uitbreidende rooster Lys Grid View Gemengde kolomuitleg Kolomkaarte Zig Zag Uitleg Bloguitleg

Google

Google Charts Google Fonts Google Font-parings Google Stel Analytics op

Omskakelaars

Skakel gewig om Skakel temperatuur om Skakel lengte om Skakel spoed

Blog

Kry 'n ontwikkelaarwerk Word 'n Front-End Dev.

Hoe om Google Analytics op te stel

Google Analytics word gebruik om webverkeer te sien en te verstaan.

Dit is gratis en maklik om te gebruik.

U kan dit vir baie gebruiksgevalle aanpas.

Dit werk uit die boks.

Dit is vinnig om op te stel. Kry jou insigte vandag!

Skep my gratis webwerf ❯

Slaan oor om oor Google Analytics te lees. Neem my direk na die eerste stap. Gaan na die eerste stap

Wat is Google Analytics

Google Analytics is 'n webanalise-oplossing.

Dit word deur Google ontwikkel en ondersteun.

Die nuutste weergawe word Google Analytics 4 genoem.

Dit kan gebruik word om data soos gehoor, bladsybesigtigings, sessies en, demografie en gebeure te sien.

Hoekom aktiveer Google Analytics

Verstaan ​​jou webverkeer om beter besluite te neem.

Verstaan ​​en verbeter die verkoopstregter.

Leer uit eksperimentering (byvoorbeeld, a/b-toetse).

Google het 'n ander oplossing genaamd Google Optimize. Hierdie oplossing is gemaak vir toetsing.


Vir wie is Google Analytics

Google Analytics is nuttig vir almal wat 'n webwerf het.

Dit gee jou inligting oor wie jou werf gebruik en hoe hulle daarmee omgaan.

Daarbenewens is die koppelvlak maklik om te verstaan.

U het nie 'n analitiese agtergrond nodig om die diens te gebruik en te navigeer nie.


Hoe om Google Analytics stap-vir-stap op te stel

Google Analytics kan op twee maniere opgestel word Die Global Website Tag (gtag.js) of Google Tag Manager .

Die maklikste manier is om The Global Website Tag te gebruik.

Hierdie tutoriaal sal die The Global Website Tag-benadering gebruik.


Voorbereidings

Besluit watter koderedigeerder om te gebruik en stel jou omgewing op.

W3Schools het 'n maklik-om-te gebruik kode-redigeerder genaamd W3Schools Spaces geskep . Registreer en begin met 'n paar kliks.

Begin gratis ❯

Skep jou index.html lêer sodat jy gereed is om die kode in te voer.

Alle opstelling. Kom ons gaan!


Stel Google Analytics op: Die Global Website Tag


Stap 1: Skep 'n Google Analytics-rekening

Gaan na Analytics: Skep 'n rekening of meld aan by Analytics

Die skakel in die paragraaf hierbo neem jou na die Google Analytics-bestemmingsbladsy.

Klik op die "Begin gratis"-knoppie.

bestemmingsblad

Stap 2: Gaan die welkombladsy in

Nadat u 'n rekening geskep het of aangemeld het, is u welkom by die oplossing.

Druk die "Begin meet"-knoppie om voort te gaan.

Welkom bladsy

Stap 3: Rekeningopstelling

Jy het twee besluite om hier te neem.

  1. Voer jou rekeningnaam in.
  2. Besluit watter data jy wil deel.
  3. Klik op die "Volgende" knoppie.

Een rekening kan meer as een dop-ID hê. Jy kan meer as een webwerf met 'n rekening dop.

Rekeningopstelling-oorsig

Stap 4: Eiendom opstel

Eiendom is die diens wat jy meet, soos 'n webwerf, toepassing, skakelboom, ens.

  1. Voer 'n eiendomnaam in.
  2. Voer jou tydsone in.
  3. Voer die geldeenheid in wat jy gebruik.
  4. Klik op die "Volgende" knoppie.
Eiendom opstelling oorsig

Stap 5: Voeg besigheidsinligting by

Analytics gebruik die inligting om jou ervaring aan te pas.

  1. Kies jou bedryfskategorie.
  2. Kies besigheidsgrootte.
  3. Tick the boxes for how you are planning to use Analytics.
  4. Click the "Create" button to proceed.
Besigheidsinligting besonderhede

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.

Bepalings en voorwaardes oorsig

Step 7: Email subscriptions

  1. Tick or uncheck all boxes.
  2. Click the "Save" button to continue.
E-pos kommunikasie oorsig

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.

Kies platformoorsig

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.

    Datastroomopstellingoorsig

    Step 10: Web stream overview

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

    Webstroombesonderhede oorsig

    Here are the key takeaways from the overview.

    1. Stream URL.

    The Stream URL is the link to the connected site.

    stroom URL

    2. Measurement ID

    The Measurement ID is the identifier for your data stream.

    It has a format of G-XXXXXXX.

    meting ID

    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.

    merkinstruksies

    Step 11: Global site tag (gtag.js)

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

    Globale werfmerker

    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.

    Voeg kodebrokkie by

    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