Head ve Body Arasına Eklenen HTML Kodlar

Head ve Body kod alanları, e-ticaret sitenizin altyapısına müdahale etmeden dış kaynaklı servisleri (Canlı destek, ısı haritaları, özel stil tanımlamaları vb.) sitenize entegre etmenizi sağlar. Bu alanları kullanarak tüm sayfalarınızda geçerli olacak özel HTML, CSS ve JavaScript yapılandırmalarını kolayca gerçekleştirebilirsiniz.

Ayarlara erişmek için: Ayarlar > Pazarlama ve Doğrulama > Head ve Body Kodları yolunu izleyin.

Yapılandırma ve Kod Alanları

Sistem, kodların sitenizin performansını etkilememesi için iki farklı yerleşim alanı sunar:

Head Etiketi Öncesine Eklenecek Kodlar

Bu alan, web tarayıcısının sayfayı render etmeden önce okuduğu bölümdür. Sayfa yüklenmeden devreye girmesi gereken kodlar buraya eklenmelidir.

• Kullanım Alanları: Meta doğrulama etiketleri, CSS (Stil) dosyaları, yazı tipi (font) bağlantıları ve bazı analitik araçlarının ana kütüphaneleri.
• Örnek Etiketler: <meta>, <link>, <style>,<script>

Body Etiketi Öncesine Eklenecek Kodlar
Sayfanın en alt kısmına yerleştirilen bu alan, içerikler tamamen yüklendikten sonra çalışır. Sitenizin açılış hızını olumsuz etkilememesi istenen scriptler için idealdir.

• Kullanım Alanları: Canlı destek widget’ları (Chat), pazarlama izleme pikselleri, ısı haritası kodları (Hotjar vb.) ve karmaşık JavaScript fonksiyonları.

Kurulum Adımları

• Durum: Eklediğiniz kodların aktifleşmesi için bu butonu açık konuma getirmelisiniz.
• Kod Girişi: İlgili servis sağlayıcıdan (Örn: Tawk.to, Hotjar) aldığınız kodu kopyalayıp uygun kutucuğa yapıştırın.
• Kaydet: İşlemi tamamlamak için sayfanın altındaki kaydet butonuna basın.

Güvenlik ve Performans İpuçları

• Kod Kontrolü: Eklediğiniz JavaScript kodlarında bir parantez hatası dahi olması, sitenizin bazı butonlarının çalışmamasına neden olabilir. Kodları ekledikten sonra sitenizi mutlaka kontrol edin.
• Site Hızı: Gereksiz veya optimize edilmemiş çok sayıda script eklemek, sayfa yükleme hızını (LCP) düşürebilir. Sadece ihtiyacınız olan araçları eklemeye özen gösterin.
• Çakışmalar: Aynı amaca hizmet eden (Örn: İki farklı canlı destek aracı) kodları aynı anda eklemekten kaçının.