Kısa cevap
Oluşturucuda kendi kodunuzu üç yere ekleyebilirsiniz: bir sayfanın içindeki Özel kod bölümü, Özel CSS ayarları ve Özel Javascript ayarları. Mağazanızın head bölümüne kod yapıştırmak için bir kutu yoktur. Head etiketleri için ilgili uygulamayı kullanın (aşağıdaki listeye bakın).
Hangi iş için hangi araç?
- Mağazamı Google Search Console ile doğrulamak veya bir
google-site-verificationmeta etiketi eklemek: Alan Adı Doğrulayıcı uygulaması. Facebook (Meta) alan adı doğrulamasını, TikTok ve Snapchat'i de halleder. - Google Analytics, Google Ads etiketleri veya Google Tag Manager'da yönettiğiniz herhangi bir etiket: Google Tag Manager uygulaması.
- Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X veya Google Ads pikselleri: bkz. Facebook, TikTok, Snapchat, ChatGPT, Pinterest ve X ya da Google Ads dönüşümleri.
- Google Merchant Center ürün feedi: bkz. Google Merchant Center. Search Console için Alan Adı Doğrulayıcı'yı kullanın.
- Isı haritaları ve oturum kayıtları: bkz. Microsoft Clarity veya Contentsquare.
- Bir sayfanın içinde bir widget veya yerleştirme (bir rezervasyon formu, bir video, bir harita): aşağıdaki Özel kod bölümü.
- Tüm mağaza veya tek bir bölüm için stiller: bkz. Özel CSS.
- Her sayfada çalışan bir betik: bkz. Özel JavaScript.
Oluşturucudaki kod sitenizi neden doğrulayamaz?
Google, Meta ve diğer platformlar doğrulama yaparken kendi etiketlerini sayfanızın head bölümünde arar. Özel kod bölümü kodunuzu, bölümün bulunduğu yerde, sayfa gövdesinin içine koyar. Özel Javascript ise sayfa yüklendikten sonra alışverişçinin tarayıcısında çalışır. İkisi de bu platformların istediği şekilde head bölümüne etiket koymaz, bu yüzden doğrulama başarısız olur. Alan Adı Doğrulayıcı etiketi sizin için doğru yere ekler.
Özel kod bölümü
Herhangi bir sayfaya, sayfa başına en fazla 2 tane ekleyebileceğiniz bir bölüm. Bölümler sekmesini açın, Yeni bölüm ekle'ye tıklayın ve Özel kod'u seçin. Üç alanı vardır:
- HTML: bu bölümün içinde gösterilen biçimlendirme.
- CSS: yalnızca bu bölüme uygulanan stiller, böylece sayfanızın geri kalanını bozamazlar.
- JavaScript: bölüm her gösterildiğinde çalışır. Kodunuz bölümü
containerolarak alır, bu yüzden kendi biçimlendirmenize ulaşmak içincontainer.querySelector(...)kullanın.
Genişliğini, renk şemasını ve dolgusunu da her bölümde olduğu gibi ayarlarsınız. Onu zaten bir Özel kod bölümü olan diğer sayfalara kopyalamak için Tüm sayfalara uygula'yı kullanın.
İpuçları
- Kodunuzu oluşturucu önizlemesinde kontrol edin, sonra yayınlayın ve canlı mağazanızı bir telefon ve bir bilgisayarda test edin.
- Bir değişiklikten sonra sayfa bozuk görünüyorsa kodu kaldırın, yayınlayın ve parça parça geri ekleyin.
- Üçüncü taraf betikler mağazanızı yavaşlatabilir. Yalnızca ihtiyacınız olanı ekleyin.
- Mağazanıza bağlı bir yapay zeka asistanı, özel kodu yalnızca mağaza sahibi izin verirse değiştirebilir. Bkz. Asistan erişimini yönetme.