Genel

Sitenizdeki Reklamları Optimize Edin

Google AdSense Reklam Birimleri İçin Tembel Yükleme Nasıl Kurulur

Google AdSense, web sitenizde reklam gösterimi yaparak gelir elde etmenizi sağlayan popüler bir hizmettir. Ancak, bazı durumlarda reklamlar sitenizin yüklenme süresini olumsuz etkileyebilir. Bu durumu iyileştirmek için “tembel yükleme” (lazy loading) yöntemi kullanılabilir. Tembel yükleme, yalnızca kullanıcı ekranda gördüğünde reklamların yüklenmesini sağlar, bu da sayfa hızını artırabilir ve kullanıcı deneyimini iyileştirebilir. İşte Google AdSense reklam birimleri için tembel yükleme kurulumuna dair adım adım rehber:

1. Tembel Yükleme Nedir?

Tembel yükleme, sayfa yüklendiğinde sadece ekranda görünen içeriklerin yüklenmesini sağlayan bir tekniktir. Sayfanın alt kısımlarındaki içerikler, kullanıcı sayfanın o kısmına geldiğinde yüklenir. Bu yöntem, sayfa yükleme sürelerini kısaltır ve kullanıcı deneyimini iyileştirir.

2. Google AdSense Reklam Kodu Alma

Öncelikle, reklam birimlerinizi oluşturmalı ve Google AdSense üzerinden reklam kodunuzu almalısınız.

  1. Google AdSense hesabınıza giriş yapın.
  2. Reklamlar > Reklam Birimleri bölümüne gidin.
  3. Yeni bir reklam birimi oluşturun veya mevcut bir reklam birimini düzenleyin.
  4. Reklam kodunu alın ve bir kenara not edin.

3. Tembel Yükleme İçin JavaScript Kütüphanesi Kullanma

Google AdSense reklamlarını tembel yüklemek için genellikle JavaScript kütüphanelerinden faydalanılır. Bu, tembel yükleme işlevini kolayca uygulamanıza yardımcı olabilir.

Popüler Kütüphaneler:

  • Lozad.js: Hafif ve hızlı bir tembel yükleme kütüphanesidir.
  • LazyLoad: Reklamlar ve diğer içerikler için geniş kapsamlı tembel yükleme desteği sağlar.

Lozad.js Kullanarak Tembel Yükleme Kurulumu:

  1. Lozad.js Kütüphanesini İndirin:
  • Lozad.js’i CDN veya GitHub üzerinden indirebilirsiniz.
  1. JavaScript Kütüphanesini Sayfanıza Ekleyin:
  • Sayfanızın <head> bölümüne Lozad.js kütüphanesini ekleyin.
    html ¨K10K
  1. Reklam Kodunuzu Düzenleyin:
  • Reklam kodunuzu <div class="lozad"> sınıfı ile sarmalayın.
    html ¨K11K
  1. JavaScript Kodunu Ekleyin:
  • JavaScript kodunu <script> etiketleri içinde ekleyin.
    html ¨K12K

4. Tembel Yükleme İçin CSS ve HTML Ayarları

Reklamların tembel yüklemesi sırasında görsel bozuklukları önlemek için CSS ve HTML düzenlemeleri yapabilirsiniz.

Önerilen CSS:

.lozad {
  min-height: 250px; /* Reklam alanı için yer ayırın */
  background: #f1f1f1; /* Boş alanın arka plan rengini belirleyin */
}

HTML Örneği:

&lt;!-- Tembel yükleme için reklam alanı -->
&lt;div class="lozad" data-ad-client="ca-pub-XXXXXX" data-ad-slot="XXXXXX">&lt;/div>

5. Test ve Optimizasyon

Tembel yükleme uygulamanızı test ederek düzgün çalıştığından emin olun.

  1. Sayfanızın yüklenme süresini kontrol edin.
  2. Reklamların doğru şekilde yüklendiğini doğrulamak için farklı tarayıcılarda ve cihazlarda test yapın.
  3. Performans analizi yapmak için Google PageSpeed Insights veya benzeri araçları kullanın.

Google AdSense reklam birimlerini tembel yüklemek, sayfa yükleme sürelerinizi iyileştirebilir ve kullanıcı deneyimini artırabilir. Adımları dikkatlice uygulayarak, reklamlarınızı tembel yükleme yöntemi ile entegre edebilir ve sitenizin performansını optimize edebilirsiniz. Başka bir konuda yardıma ihtiyacınız varsa, lütfen bana bildirin!

Tarafından yayınlandı
BESIR KURT
7 ay önce

yakın zamanda Gönderilenler

  • Genel

Apple Watch Arama Bildirimi Neden Gelmiyor

Apple Watch’ta Gelen Arama Bildirimleri Alınamıyor: En Kapsamlı Çözüm Rehberi 🚀 Apple Watch, günlük yaşamı…

3 hafta önce
  • Windows

Microsoft Office Orjinallik Kontrolü

Microsoft Office’in Orijinalliğini Sorgulama: Derinlemesine ve Çözüm Odaklı Rehber Microsoft Office, dünya genelinde milyonlarca kullanıcı…

3 hafta önce
  • Genel

Microsoft Word Yanıt Vermiyor Çözümü

Microsoft Word Yanıt Vermiyor: Sorunu Çözmek İçin Kapsamlı ve Benzersiz Rehber makaleye simgeler ekle ve…

3 hafta önce