WPCode (Insert Headers & Footers) Rehberi (2026): WordPress’e Kod Eklemenin En Güvenli Yolu

WordPress’te Analytics, AdSense doğrulama, Meta Pixel, özel CSS/JS gibi kodları eklemenin “en çok hata çıkaran” yolu: tema dosyalarını (header.php/footer.php) elle düzenlemek. Tema güncellenince kod silinir veya yanlış yere yapıştırınca site bozulabilir.

Bu işi en pratik ve güvenli şekilde çözmek için en çok kullanılan eklentilerden biri WPCode (eski adıyla Insert Headers and Footers). Eklenti WordPress.org’da “header/footer ve site genelinde snippet ekleme” amacıyla sunuluyor.

Not: Bu yazı “kopyala-yapıştır” odaklıdır. Kodları nasıl ve nereye koyacağını netleştiriyoruz.


1) WPCode ne işe yarar?

  • <head> içine kod ekleme (Analytics, doğrulama meta tag, bazı reklam/etiket kodları)
  • </body> kapanışına yakın kod ekleme (bazı script’ler için ideal)
  • Tema dosyalarına dokunmadan snippet yönetimi
  • İstersen sadece belirli sayfalarda çalıştırma (koşullar)

WPCode’un WordPress.org sayfasında da “header/footer script ekleme” ve “snippet” mantığı vurgulanır.


2) Kurulum (2 dakika)

  1. WordPress Panel → Eklentiler → Yeni Ekle
  2. “WPCode” veya “Insert Headers and Footers” ara
  3. Kur → Etkinleştir

Etkinleştirdikten sonra sol menüde WPCode menüsü görünür.


3) En çok kullanılan 3 senaryo (sitede en çok aranır)

Senaryo A) Google Analytics / GA4 kodu ekleme

GA4 kurulum kodunu WPCode ile eklerken en doğru yer:

  • Header (Head) alanı (çoğu GA4/gtag kurulumunda önerilir)

Adımlar:

  1. WPCode → Header & Footer (veya ilgili ekran)
  2. Analytics kodunu Header alanına yapıştır
  3. Kaydet
  4. GA4 Realtime ile test et (GA4 yazımızda anlattık)

İpucu: GA4’ü GTM ile kurduysan ayrıca gtag ekleme; çift sayım olur.


Senaryo B) AdSense doğrulama / AdSense script ekleme

AdSense bazen:

  • site doğrulaması için <head> içine meta tag isteyebilir
  • veya reklam kodlarını eklemen gerekebilir

Pratik:

  • Meta tag / doğrulama kodu → Header
  • Bazı script’ler → “Header” veya “Footer” (kodu veren platformun yönergesine göre)

Senaryo C) Özel CSS/JS eklemek

  • Sadece CSS ise: mümkünse Görünüm → Özelleştir → Ek CSS daha temizdir
  • JS gerekiyorsa:
    • site genelinde çalışacaksa WPCode ile eklenebilir
    • ama çok ağır JS’leri her sayfaya basmak hızı düşürür (özellikle INP)

4) “En güvenli” kullanım kuralları (site bozulmasın)

  1. Kod ekledikten sonra tek değişken ile test et (aynı anda 5 kod ekleme)
  2. Cache kullanıyorsan (LiteSpeed/Cloudflare) → değişiklikten sonra cache temizle
  3. Kod “çalışmıyor” gibi görünüyorsa önce sayfayı gizli sekmede aç
  4. Gereksiz script’leri kaldır: fazla script = yavaş site

5) Sık yapılan hatalar (ve çözümü)

Hata 1: Çift sayım (GA4 / Pixel)

  • Hem tema içinde hem WPCode içinde aynı kod var
    ✅ Çözüm: tek kaynak bırak

Hata 2: Yanlış yere yapıştırma

  • <script> kodunu Footer’a koyunca geç çalışıyor veya bazı doğrulamalar tutmuyor
    ✅ Çözüm: Platformun yönergesine göre doğru alana taşı (çoğu doğrulama Head ister)

Hata 3: Kod siteyi bozdu

  • Yanlış kapatılan tag veya çakışan JS olabilir
    ✅ Çözüm:
  • WPCode’dan snippet’i kapat
  • Cache’i temizle
  • Sonra kodu tekrar kontrol et

6) Performans için altın öneri (ziyaretçi için önemli)

WPCode ile her sayfaya 8–10 farklı script basmak INP’yi ve genel hızı bozar. En iyi yaklaşım:

  • Zorunlu etiketler (Analytics/Ads) kalsın
  • Pop-up/chat/heatmap gibi ağır şeyleri minimumda tut
  • Checkout gibi kritik sayfalarda gereksiz script’leri azalt (WooCommerce hız yazımızla bağlantı ver)

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top