NASIL

Ana Sayfa

Menüler

Simge Çubuğu Menü Simgesi Akordeon Sekmeler Dikey Sekmeler Sekme Başlıkları Tam Sayfa Sekmeleri Hover Sekmeleri En İyi Gezinme Duyarlı Topnav Simgeli Gezinme Çubuğu Arama Menüsü Arama çubuğu Sabit Kenar Çubuğu Sayfa Gezinme Duyarlı Kenar Çubuğu Tam Ekran Gezinme Tuval Dışı Menü Yan Gezinti Düğmelerini Üzerine Getirin Simgeli Kenar Çubuğu Yatay Kaydırma Menüsü Dikey Menü Alt Gezinme Duyarlı Alt Gezinme Alt Kenar Gezinme Bağlantıları Sağa Hizalanmış Menü Bağlantıları Ortalanmış Menü Bağlantısı Eşit Genişlik Menü Bağlantıları Sabit Menü Kaydırmada Aşağı Kaydırma Çubuğu Kaydırmada Navbar'ı Gizle Kaydırmada Gezinme Çubuğunu Küçült Yapışkan gezinme çubuğu Görüntüdeki gezinme çubuğu Fareyle üzerine gelinen açılır menüler Açılır Menüler'i tıklayın Basamaklı Açılır Menü Topnav'da açılır menü Sidenav'da açılır menü Navbar Açılır Menüsü Alt Navigasyon Menüsü açılan Mega Menü Mobil Menü Perde Menüsü Daraltılmış Kenar Çubuğu Daraltılmış Yan Panel sayfalandırma Galeta unu Düğme Grubu Dikey Düğme Grubu Yapışkan Sosyal Bar Hap Navigasyonu Duyarlı Başlık

Görüntüler

slayt gösterisi Slayt Gösterisi Galerisi Modal Görüntüler Hafif kutu Duyarlı Görüntü Izgarası Görüntü Izgarası Sekme Galerisi Görüntü Bindirme Solması Görüntü Bindirme Slaytı Görüntü Bindirme Yakınlaştırma Görüntü Bindirme Başlığı Görüntü Bindirme Simgesi Görüntü Efektleri Siyah Beyaz Görüntü Resim Metni Resim Metin Blokları Şeffaf Resim Metni Tam Sayfa Resmi Resimdeki Form Kahraman Resmi Arka Plan Resmini Bulanıklaştır Kaydırmada Bg'yi Değiştir Yan Yana Görüntüler Yuvarlak Görüntüler avatar resimleri Duyarlı Görüntüler Merkezi Görüntüler küçük resimler Resmin Çevresindeki Kenarlık Takımla tanış Yapışkan Görüntü Bir Resmi Çevir Bir Görüntüyü Sallayın Portföy Galerisi Filtrelemeli Portföy Görüntü Yakınlaştırma Görüntü Büyüteç Camı Görüntü Karşılaştırma Kaydırıcısı Favicon

Düğmeler

Uyarı Düğmeleri Anahat Düğmeleri Bölünmüş Düğmeler Hareketli Düğmeler Solma Düğmeleri Resimdeki Düğme Sosyal Medya Düğmeleri Daha Fazla Oku Daha Az Oku Yükleme Düğmeleri İndirme Düğmeleri hap düğmeleri Bildirim Düğmesi Simge Düğmeleri Sonraki/önceki Düğmeler Gezinme'de Daha Fazla Düğme Blok Düğmeleri Metin Düğmeleri Yuvarlak Düğmeler Üst Düğmeye Kaydır

Formlar

Giriş Formu Kayıt Formu Ödeme Formu İletişim Formu Sosyal Giriş Formu Kayıt Formu Simgelerle Form Bülten Yığılmış Form Duyarlı Form Pop-up Formu satır içi formu Giriş Alanını Temizle Sayı Oklarını Gizle Metni Panoya Kopyala Hareketli Arama Arama Düğmesi Tam Ekran Arama Navbar'da Giriş Alanı Navbar'da Giriş Formu Özel Onay Kutusu/Radyo Özel Seçim Geçiş anahtarı Onay Kutusu Büyük Harf Kilidi Algıla Enter'da Tetik Düğmesi Şifre Doğrulama Şifre Görünürlüğünü Aç/Kapat Çoklu Adım Formu otomatik tamamlama Otomatik tamamlamayı kapat Yazım denetimini kapat Dosya Yükleme Düğmesi Boş Giriş Doğrulaması

filtreler

Filtre Listesi Filtre Tablosu Filtre Elemanları Filtre Açılır Menüsü Sıralama Listesi Büyü Tablosu

tablolar

Zebra Çizgili Masa Orta Masalar Tam genişlikte masa Yan Yana Masalar Duyarlı Tablolar Karşılaştırma Tablosu

Daha

Tam Ekran Video Modal Kutular Kalıcı Sil Zaman çizelgesi Kaydırma Göstergesi İlerleme Çubukları Beceri Çubuğu Aralık Kaydırıcıları Araç ipuçları Ekran Öğesinin Üzerine Gelme Açılır pencereler katlanabilir Takvim HTML İçeriği Yapılacaklar listesi yükleyiciler Yıldız Derecelendirmesi Kullanıcı oyu Bindirme Etkisi İletişim Cips kartlar Flip Kart Profil Kartı Ürün Kartı uyarılar Çağırmak notlar Etiketler çevreler Stil İK Kupon Liste Grubu Madde İşaretsiz Liste Duyarlı Metin Kesme Metni parlayan metin Sabit Altbilgi Yapışkan Öğe Eşit Yükseklik düzeltme Duyarlı Şamandıralar snack bar Tam Ekran Penceresi Kaydırma Çizimi Pürüzsüz Kaydırma Gradyan Bg Parşömeni Yapışkan Başlık Kaydırmada Başlığı Küçült Fiyatlandırma Tablosu Paralaks En Boy Oranı Duyarlı Iframe'ler Beğen/Beğenme arasında geçiş yap Gizle/Göster arasında geçiş yap Karanlık Modu Aç/Kapat Metni Aç/Kapat Sınıfı Değiştir Sınıf Ekle Sınıfı Kaldır Aktif Sınıf Ağaç görünümü Mülkü Kaldır Çevrimdışı Algılama Gizli Öğeyi Bul Web sayfasını yeniden yönlendir Yakınlaştır Vurgulu Çevirme Kutusu Dikey Ortala DIV'deki Orta Düğme Hover'da Geçiş oklar şekiller İndirme: {link Tam Yükseklik Elemanı Tarayıcı penceresi Özel Kaydırma çubuğu Kaydırma çubuğunu gizle Kaydırma Çubuğunu Göster/Zorla Cihaz Görünümü İçerik Düzenlenebilir Kenarlık Yer Tutucu Rengi Metin Seçimi Rengi madde işareti rengi Dikey çizgi bölücüler Simgeleri Canlandır Geri sayım saati Daktilo Yakında Sayfası Sohbet Mesajları Açılır Sohbet Penceresi Bölünmüş ekran referanslar Bölüm Sayacı Tırnak Slayt Gösterisi Kapatılabilir Liste Öğeleri Tipik Cihaz Kesme Noktaları Sürüklenebilir HTML Öğesi JS Medya Sorguları Sözdizimi Vurgulayıcı JS Animasyonları JS Dizi Uzunluğu JS Üstelleştirme JS Varsayılan Parametreleri Geçerli URL'yi Al Geçerli Ekran Boyutunu Al Iframe Öğelerini Alın

İnternet sitesi

Ücretsiz Web Sitesi Oluşturun Web Sitesi Yap Statik Bir Web Sitesi Yapın Bir Web Sitesi Yapın (W3.CSS) Bir Web Sitesi Yapın (BS3) Bir Web Sitesi Yapın (BS4) Bir Web Sitesi Yapın (BS5) Bir Web Sitesi Oluşturun ve Görüntüleyin Bağlantı Ağacı Web Sitesi Oluşturun Portföy Oluştur Özgeçmiş Oluştur Restoran Web Sitesi Yapın Bir İşletme Web Sitesi Yapın WebKitabı Yap Merkez Web Sitesi İletişim Bölümü Sayfa Hakkında Büyük Başlık Örnek Web Sitesi

Kafes

2 Sütun Düzeni 3 Sütun Düzeni 4 Sütun Düzeni Genişleyen Izgara Liste Tablosu Görünümü Karışık Sütun Düzeni Sütun Kartları Zig Zag Düzeni Blog Düzeni

Google

Google Grafikleri Google Yazı Tipleri Google Yazı Tipi Eşleştirmeleri Google Analytics Kurulumu

dönüştürücüler

Ağırlığı Dönüştür Sıcaklığı Dönüştür Uzunluğu Dönüştür Dönüştürme Hızı

Blog

Geliştirici İşi Alın Bir Ön Uç Geliştiricisi Olun.

Google Analytics Nasıl Kurulur

Google Analytics, web trafiğini görüntülemek ve anlamak için kullanılır.

Ücretsizdir ve kullanımı kolaydır.

Birçok kullanım durumu için özelleştirebilirsiniz.

Kutunun dışında çalışır.

Kurulumu hızlıdır. Görüşlerinizi bugün alın!

Ücretsiz web sitemi oluştur ❯

Google Analytics hakkında okumayı atlayın. Beni doğrudan ilk adıma götür. İlk adıma git

Google Analytics nedir

Google Analytics, bir web analizi çözümüdür.

Google tarafından geliştirilmiş ve desteklenmiştir.

En yeni sürümün adı Google Analytics 4'tür.

Hedef kitle, sayfa görünümleri, oturumlar ve demografi ve etkinlikler gibi verileri görüntülemek için kullanılabilir.

Google Analytics'i neden etkinleştirmelisiniz?

Daha iyi kararlar almak için web trafiğinizi anlayın.

Satış hunisini anlayın ve iyileştirin.

Deney yaparak öğrenin (örneğin, a/b testleri).

Google'ın Google Optimize adında başka bir çözümü var. Bu çözüm test için yapılmıştır.


Google Analytics kimler içindir?

Google Analytics, bir web sitesi olan herkes için yararlıdır.

Sitenizi kimin kullandığı ve siteyle nasıl etkileşime girdiği hakkında size bilgi verir.

Ek olarak, arayüzün anlaşılması kolaydır.

Hizmeti kullanmak ve hizmette gezinmek için bir analiz geçmişine ihtiyacınız yoktur.


Adım adım Google Analytics nasıl kurulur?

Google Analytics, Global Web Sitesi Etiketi (gtag.js) veya Google Etiket Yöneticisi olmak üzere iki şekilde kurulabilir .

En kolay yol, Global Web Sitesi Etiketini kullanmaktır.

Bu eğitimde Global Web Sitesi Etiketi yaklaşımı kullanılacaktır.


Hazırlıklar

Hangi kod düzenleyiciyi kullanacağınıza karar verin ve ortamınızı kurun.

W3Schools, W3Schools Spaces adlı kullanımı kolay bir kod düzenleyici oluşturmuştur . Kaydolun ve birkaç tıklamayla başlayın.

Ücretsiz başlayın ❯

Kodu girmeye hazır olmak için index.html dosyanızı oluşturun .

Tüm kurulum. Hadi gidelim!


Google Analytics'i kurun: Küresel Web Sitesi Etiketi


1. Adım: Bir Google Analytics hesabı oluşturun

Analytics'e gidin: Bir hesap oluşturun veya Analytics'te oturum açın

Yukarıdaki paragraftaki bağlantı sizi Google Analytics açılış sayfasına götürür.

"Ücretsiz başla" düğmesini tıklayın.

Açılış sayfası

2. Adım: Karşılama sayfasına girin

Bir hesap oluşturduktan veya oturum açtıktan sonra çözüme hoş geldiniz.

Devam etmek için "Ölçümü başlat" düğmesine basın.

Sayfaya hoşgeldiniz

3. Adım: Hesap kurulumu

Burada vermen gereken iki karar var.

  1. Hesap adınızı girin.
  2. Hangi verileri paylaşmak istediğinize karar verin.
  3. "İleri" düğmesini tıklayın.

Bir hesabın birden fazla izleme kimliği olabilir. Bir hesapla birden fazla web sitesini takip edebilirsiniz.

Hesap kurulumuna genel bakış

4. Adım: Mülk kurulumu

Mülkiyet, bir web sitesi, uygulama, bağlantı ağacı vb. gibi ölçtüğünüz hizmettir.

  1. Bir mülk adı girin.
  2. Saat diliminizi girin.
  3. Kullandığınız para birimini girin.
  4. "İleri" düğmesini tıklayın.
Mülk kurulumuna genel bakış

5. Adım: İşletme bilgilerini ekleyin

Analytics, deneyiminizi uyarlamak için bilgileri kullanır.

  1. Sektör kategorinizi seçin.
  2. İşletme boyutunu seçin.
  3. Tick the boxes for how you are planning to use Analytics.
  4. Click the "Create" button to proceed.
İşletme bilgileri ayrıntıları

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.

Şartlar ve koşullara genel bakış

Step 7: Email subscriptions

  1. Tick or uncheck all boxes.
  2. Click the "Save" button to continue.
E-posta iletişimine genel bakış

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.

Platforma genel bakış seçin

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.

    Veri akışı kurulumuna genel bakış

    Step 10: Web stream overview

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

    Web akışı ayrıntılarına genel bakış

    Here are the key takeaways from the overview.

    1. Stream URL.

    The Stream URL is the link to the connected site.

    akış URL'si

    2. Measurement ID

    The Measurement ID is the identifier for your data stream.

    It has a format of G-XXXXXXX.

    ölçüm kimliği

    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.

    etiketleme talimatları

    Step 11: Global site tag (gtag.js)

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

    Küresel site etiketi

    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.

    Kod parçacığı ekle

    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