BAGAIMANA CARANYA

Cara Beranda

Menu

Bilah Ikon Ikon Menu Akordeon tab Tab Vertikal Tajuk Tab Tab Halaman Penuh Arahkan Tab Navigasi Atas Topnav Responsif Navbar dengan Ikon Cari Menu Bilah Pencarian Bilah Sisi Tetap Navigasi Halaman Bilah Sisi Responsif Navigasi Layar Penuh Menu Di Luar Kanvas Arahkan Tombol Sidenav Bilah Sisi dengan Ikon Menu Gulir Horisontal Menu Vertikal Navigasi Bawah Navigasi Bawah Responsif Tautan Nav Perbatasan Bawah Tautan Menu Rata Kanan Tautan Menu Terpusat Tautan Menu Lebar Sama Menu Tetap Geser Bawah Bar di Gulir Sembunyikan Navbar di Gulir Kecilkan Navbar di Gulir Navbar Lengket Navbar pada Gambar Arahkan kursor ke Dropdown Klik Dropdown Dropdown bertingkat Dropdown di Topnav Dropdown di Sidenav Resp Navbar Dropdown Menu Subnavigasi Drop-up Mega Menu Menu Seluler Menu Tirai Bilah Samping yang Diciutkan Panel Samping yang Diciutkan paginasi Tepung roti Grup Tombol Grup Tombol Vertikal Bar Sosial Lengket Navigasi pil Tajuk Responsif

Gambar-gambar

Tampilan slide Galeri Slideshow Gambar Modal Kotak lampu Kisi Gambar Responsif Kotak Gambar Galeri Tab Hamparan Gambar Memudar Slide Hamparan Gambar Zoom Hamparan Gambar Judul Hamparan Gambar Ikon Hamparan Gambar Efek Gambar Gambar Hitam Putih Teks Gambar Blok Teks Gambar Teks Gambar Transparan Gambar Halaman Penuh Formulir pada Gambar Gambar Pahlawan Gambar Latar Belakang Kabur Ubah Bg di Gulir Gambar Berdampingan Gambar Bulat Gambar Avatar Gambar Responsif Gambar Tengah Gambar kecil Perbatasan Sekitar Gambar Temui Tim Gambar Lengket Balikkan Gambar Goyangkan Gambar Galeri Portofolio Portofolio dengan Penyaringan Zoom Gambar Kaca Pembesar Gambar Slider Perbandingan Gambar favicon

tombol

Tombol Peringatan Tombol Garis Besar Tombol Split Tombol Animasi Tombol Memudar Tombol pada Gambar Tombol Media Sosial Baca Selengkapnya Baca Lebih Sedikit Memuat Tombol Unduh Tombol Tombol pil Tombol Pemberitahuan Tombol Ikon Tombol Berikutnya/sebelumnya Lebih Banyak Tombol di Nav Tombol Blok Tombol Teks Tombol Bulat Gulir Ke Atas Tombol

Formulir

Formulir Masuk Formulir Pendaftaran Formulir Pembayaran formulir kontak Formulir Masuk Sosial Formulir Pendaftaran Formulir dengan Ikon Buletin Formulir Bertumpuk Formulir Responsif Formulir Munculan Formulir Sebaris Kosongkan Bidang Masukan Sembunyikan Panah Nomor Salin Teks ke Papan Klip Pencarian Animasi Tombol Cari Pencarian Layar Penuh Bidang Masukan di Navbar Formulir Masuk di Navbar Kotak Centang/Radio Khusus Pilihan Kustom Sakelar Beralih Centang Kotak Centang Deteksi Caps Lock Tombol Pemicu di Enter Validasi Kata Sandi Alihkan Visibilitas Kata Sandi Formulir Beberapa Langkah Pelengkapan otomatis Matikan pelengkapan otomatis Matikan periksa ejaan Tombol Unggah File Validasi Input Kosong

Filter

Daftar Filter Tabel Filter Elemen Filter Filter tarik-turun Urutkan Daftar Tabel Eja

Tabel

Meja Bergaris Zebra Meja Tengah Tabel lebar penuh Meja Berdampingan Tabel Responsif Tabel perbandingan

Lagi

Video Layar Penuh Kotak Modal Hapus Modal Linimasa Indikator Gulir Bilah Kemajuan Skill Bar Penggeser Rentang Keterangan alat Arahkan Elemen Tampilan Muncul tiba-tiba bisa dilipat Kalender HTML Termasuk Daftar yang Harus Dilakukan Pemuat Peringkat Bintang Peringkat Pengguna Efek Hamparan Hubungi Chips Kartu-kartu Kartu Balik Kartu Profil Kartu Produk Peringatan Memanggil Catatan Label lingkaran Gaya SDM Kupon Daftar Grup Daftar Tanpa Peluru Teks Responsif Potongan Teks Teks Bersinar Catatan Kaki Tetap Elemen Lengket Tinggi sama Hapus perbaikan Float Responsif snack bar Jendela Layar Penuh Gambar Gulir Gulir Halus Gradien Bg Gulir Tajuk Lengket Kecilkan Tajuk di Gulir Tabel Harga paralaks Rasio Aspek Iframe Responsif Alihkan Suka/Tidak Suka Alihkan Sembunyikan/Tampilkan Alihkan Mode Gelap Alihkan Teks Beralih Kelas Tambahkan Kelas Hapus Kelas Kelas Aktif Pemandangan Pohon Hapus Properti Deteksi Offline Temukan Elemen Tersembunyi Arahkan ulang halaman web Zoom Arahkan Kotak Balik Pusatkan Secara Vertikal Tombol Tengah di DIV Transisi saat Arahkan kursor panah Bentuk Unduh Tautan Elemen Tinggi Penuh Jendela Peramban Bilah Gulir Kustom Sembunyikan Bilah Gulir Tampilkan/Paksa Scrollbar Tampilan Perangkat Perbatasan yang dapat diedit Warna Placeholder Warna Pilihan Teks Warna Peluru Garis Vertikal Jangka pembagi garis Ikon Animasi Penghitung Waktu Mundur Mesin tik Halaman Segera Hadir Pesan Obrolan Jendela Obrolan Popup Layar Terpisah Testimonial Penghitung Bagian Kutipan Slideshow Item Daftar yang Dapat Ditutup Breakpoints Perangkat Khas Elemen HTML yang Dapat Diseret Pertanyaan Media JS Penyorot Sintaks Animasi JS Panjang String JS Eksponen JS Parameter Default JS Dapatkan URL Saat Ini Dapatkan Ukuran Layar Saat Ini Dapatkan Elemen Iframe

Situs web

Buat Situs Web Gratis Buat Situs Web Membuat Website Statis Membuat Website (W3.CSS) Membuat Situs Web (BS3) Membuat Situs Web (BS4) Membuat Situs Web (BS5) Buat dan Lihat Situs Web Buat Situs Web Pohon Tautan Buat Portofolio Buat Resume Buat Situs Web Restoran Buat Situs Web Bisnis Buat Buku Web Situs Web Pusat Bagian Kontak Tentang Halaman Header Besar Contoh Situs Web

kisi-kisi

Tata Letak 2 Kolom Tata Letak 3 Kolom 4 Tata Letak Kolom Memperluas Grid Tampilan Kotak Daftar Tata Letak Kolom Campuran Kartu Kolom Tata Letak Zig Zag Tata Letak Blog

Google

Google Charts Google Font Pasangan Font Google Google Menyiapkan Analytics

Konverter

Konversi Berat Konversi Suhu Konversi Panjang Konversi Kecepatan

Blog

Dapatkan Pekerjaan Pengembang Menjadi Pengembang Front-End.

Cara Mengatur Google Analytics

Google Analytics digunakan untuk melihat dan memahami lalu lintas web.

Ini gratis dan mudah digunakan.

Anda dapat menyesuaikannya untuk banyak kasus penggunaan.

Ini bekerja di luar kotak.

Ini cepat untuk diatur. Dapatkan wawasan Anda hari ini!

Buat situs web gratis saya

Lewati membaca tentang Google Analytics. Bawa saya langsung ke langkah pertama. Pergi ke langkah pertama

Apa itu Google Analytics?

Google Analytics adalah solusi analisis web.

Ini dikembangkan dan didukung oleh Google.

Versi terbaru disebut Google Analytics 4.

Ini dapat digunakan untuk melihat data seperti audiens, tampilan halaman, sesi dan, demografi, dan acara.

Mengapa mengaktifkan Google Analytics

Pahami lalu lintas web Anda untuk membuat keputusan yang lebih baik.

Memahami dan meningkatkan saluran penjualan.

Belajar dari eksperimen (misalnya, tes a/b).

Google memiliki solusi lain yang disebut Google Optimize. Solusi ini dibuat untuk pengujian.


Untuk siapa Google Analytics?

Google Analytics berguna bagi siapa saja yang memiliki situs web.

Ini memberi Anda informasi tentang siapa yang menggunakan situs Anda dan bagaimana mereka berinteraksi dengannya.

Selain itu, antarmukanya mudah dipahami.

Anda tidak memerlukan latar belakang analitik untuk menggunakan dan menavigasi layanan.


Cara menyiapkan Google Analytics langkah demi langkah

Google Analytics dapat disiapkan dengan dua cara The Global Website Tag (gtag.js) atau Google Tag Manager .

Cara termudah adalah dengan menggunakan The Global Website Tag.

Tutorial ini akan menggunakan pendekatan The Global Website Tag.


persiapan

Putuskan editor kode mana yang akan digunakan dan atur lingkungan Anda.

W3Schools telah membuat editor kode yang mudah digunakan bernama W3Schools Spaces . Daftar dan mulai dalam beberapa klik.

Mulai gratis

Buat file index.html Anda sehingga Anda siap untuk memasukkan kode.

Semua pengaturan. Ayo pergi!


Siapkan Google Analytics: Tag Situs Web Global


Langkah 1: Buat akun Google Analytics

Buka Analytics: Buat akun atau masuk ke Analytics

Tautan dalam paragraf di atas membawa Anda ke halaman arahan Google Analytics.

Klik tombol "Mulai gratis".

halaman arahan

Langkah 2: Masuk ke halaman selamat datang

Setelah membuat akun atau masuk, Anda akan disambut dengan solusinya.

Tekan tombol "Mulai mengukur" untuk melanjutkan.

halaman selamat datang

Langkah 3: Penyiapan akun

Anda memiliki dua keputusan untuk dibuat di sini.

  1. Masukkan nama akun Anda.
  2. Putuskan data apa yang ingin Anda bagikan.
  3. Klik tombol "Selanjutnya".

Satu akun dapat memiliki lebih dari satu ID pelacakan. Anda dapat melacak lebih dari satu situs web dengan akun.

Ikhtisar penyiapan akun

Langkah 4: Penyiapan properti

Properti adalah layanan yang Anda ukur, seperti situs web, aplikasi, pohon tautan, dll.

  1. Masukkan nama properti.
  2. Masukkan zona waktu Anda.
  3. Masukkan mata uang yang Anda gunakan.
  4. Klik tombol "Selanjutnya".
Ikhtisar penyiapan properti

Langkah 5: Tambahkan informasi bisnis

Analytics menggunakan informasi untuk menyesuaikan pengalaman Anda.

  1. Pilih kategori industri Anda.
  2. Pilih ukuran bisnis.
  3. Tick the boxes for how you are planning to use Analytics.
  4. Click the "Create" button to proceed.
Detail informasi bisnis

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.

Ikhtisar syarat dan ketentuan

Step 7: Email subscriptions

  1. Tick or uncheck all boxes.
  2. Click the "Save" button to continue.
Ikhtisar komunikasi email

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.

Pilih ikhtisar platform

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.

    Ikhtisar penyiapan aliran data

    Step 10: Web stream overview

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

    Ringkasan detail aliran web

    Here are the key takeaways from the overview.

    1. Stream URL.

    The Stream URL is the link to the connected site.

    URL streaming

    2. Measurement ID

    The Measurement ID is the identifier for your data stream.

    It has a format of G-XXXXXXX.

    ID pengukuran

    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.

    petunjuk penandaan

    Step 11: Global site tag (gtag.js)

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

    Tag situs global

    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.

    Tambahkan cuplikan kode

    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