Eklenti Olmadan WordPress'e Google Analytics Nasıl Eklenir (Ve Hızlı Tutulur)

Çoğu WordPress performans sorunları aynı şekilde başlar: temel bir görev için "sadece bir eklenti daha" eklemek.

Bir Google Analytics eklentisi yüklediğinizde (MonsterInsights veya Site Kit gibi popüler olanlar bile), sadece izleme kodu almazsınız. WordPress arka ucunuza fazladan veritabanı tabloları, kontrol paneli araçları, pazarlama açılır pencereleri ve bazen düzinelerce ek veritabanı sorgusu enjekte edersiniz.

Hepsi, kendinizin 3 dakikada kurabileceği basit bir 73KB'lık betik için.

Eğer şunları önemsiyorsanız Core Web Vitals, İlk Bayt Süresi (TTFB) ve yönetici panelinizi temiz tutmak, Google Analytics'i manuel olarak eklemek tek yoldur.

Bu kılavuz, Google Analytics 4'ü (GA4) nasıl ekleyeceğinizi tam olarak gösterecektir WordPress sitenize eklentisiz bir şekilde, sitenizin ışık hızında kalmasını sağlayarak.

---

Neden Analytics Eklentisini Atlamalı? Performans Maliyeti

Koda bakmadan önce verilere bakalım. Neden manuel kurulum zahmetine giresiniz?

1. Veritabanı Şişkinliği: Analytics eklentileri genellikle yapılandırma verilerini ve önbellek raporlarını wp_options tablonuzda saklar. Zamanla bu, veritabanı sorgularını yavaşlatır.
2. Yönetici Paneli Yavaşlaması: WordPress kontrol panelinizde etkileşimli grafikler yüklemek sunucu kaynaklarını tüketir. Yönetici alanınız içerik oluşturmak için olmalı, veri görselleştirme için değil. Bunun için zaten Google Analytics'in kendi kontrol paneli var.
3. Ön Yüz Yükü: Bazı eklentiler, kendi entegrasyonlarının çalışması için Google izleme kodunun yanında kendi CSS veya JS dosyalarını da yükler.
4. Güvenlik Açığı Yüzeyi: Eklediğiniz her eklenti potansiyel bir güvenlik riskidir.

Manuel yöntemi kullanarak tam olarak sıfır sunucunuza ek yük bindirirsiniz.

---

Adım 1: GA4 İzleme Kodunuzu Alın

WordPress'e dokunmadan önce benzersiz Google etiketinize ihtiyacınız var.

1. Şu hesabınıza giriş yapın: Google Analytics hesabınız.
2. Şuna tıklayın: Yönetici sol alt köşedeki dişli simgesi.
3. Mülk ayarlarınızın altında şuna tıklayın: Veri Akışları.
4. Web sitenizin veri akışını seçin.
5. Aşağı kaydırarak Google etiketi bölümüne gelin ve şuna tıklayın: Etiket talimatlarını görüntüle.
6. Şuna geçiş yapın: Manuel olarak yükle sekmesi.

Şuna benzeyen bir kod parçacığı görmelisiniz:

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

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

Bu kod bloğunun tamamını kopyalayın.

---

Adım 2: Doğru Yol (Kullanarak functions.php)

Bu kodu sitenize eklemenin iki yolu vardır. Biz şu yöntemi kullanacağız: functions.php yöntemi.

Neden? Çünkü header.php dosyanızı doğrudan düzenlemek kırılgandır. Eğer bir alt tema kullanmadan tema değiştirir veya temanızı güncellerseniz, izleme kodunuz silinecektir.

WordPress kancalarını (hooks) şu dosyanızda kullanmak: functions.php dosyası daha temiz, daha güvenli ve özel kodlar için endüstri standardıdır.

Kritik Ön Koşul: Bir Alt Tema (Child Theme) kullanmalısınız. Bunu bir ana temaya eklerseniz, bir sonraki tema güncellemesinde üzerine yazılacaktır.

1. WordPress Panelinize giriş yapın.
2. Şuraya gidin: Görünüm > Tema Dosya Düzenleyici.
3. Sağ tarafta "Tema Dosyaları" altında şunu seçin: Tema İşlevleri (functions.php).
4. Dosyanın en altına kadar kaydırın.
5. Aşağıdaki PHP kod parçacığını yapıştırın ve yer tutucu yorumu gerçek GA4 kodunuzla değiştirin:

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

function insert_custom_google_analytics() ?>
    <!-- PASTE YOUR GOOGLE TAG CODE HERE -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXXX');
    </script>
<?php }

Bu Kod Parçacığının Neden Optimize Edildiğini İnceleyelim:

• add_action('wp_head', ...): This hooks into WordPress right before the  </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
• 20: Bu öncelik numarasıdır. Bunu 20 olarak ayarlayarak (varsayılan 10'dur), WordPress'e bunu biraz daha sonra başlık dizisinde yüklemesini, temel CSS ve kritik tema betiklerinize öncelik vermesini söylüyoruz.
• async: Google betik etiketindeki async özniteliğine dikkat edin. Bu, tarayıcıya betiği sayfanızın oluşturulmasını engellemeden arka planda indirmesini söyler.

Yapıştırdıktan sonra şuna tıklayın Dosyayı Güncelle.

---

Adım 3: Çalıştığını Doğrulayın (24 Saat Beklemeden)

Doğru yükleyip yüklemediğinizi görmek için bir gün beklemenize gerek yok.

1. Yeni bir "Gizli" veya "Özel Tarama" penceresi açın.
2. Web sitenizin ana sayfasına gidin ve birkaç sayfaya tıklayın.
3. Google Analytics panelinize geri dönün.
4. Şuraya gidin: Raporlar > Gerçek Zamanlı.

En azından şunu görmelisiniz: 1 sitenizde aktif kullanıcı. Eğer görüyorsanız, tebrikler; GA4'ü hiçbir eklenti şişkinliği olmadan başarıyla uyguladınız.

---

Özet: Daha Yalın Bir WordPress

Google Analytics'i eklenti olmadan eklemek sadece birkaç bayt tasarruf etmekle ilgili değildir; bu bir mimari zihniyettir. Üçüncü taraf pazarlama araçlarını WordPress veritabanınızdan ve yönetici panelinizden uzak tutarak daha temiz, daha hızlı ve daha güvenli bir web sitesi sürdürürsünüz.

Hantal bir eklentiyi temiz, 10 satırlık bir işlevle her değiştirdiğinizde siteniz hızlanır. Ve modern SEO'da hız her şeydir.