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:

<!-- Tembel yükleme için reklam alanı -->
<div class="lozad" data-ad-client="ca-pub-XXXXXX" data-ad-slot="XXXXXX"></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!

Bu yardımcı oldu mu?

0 / 0

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

yakın zamanda Gönderilenler

  • İOS

Uygulamalar Hücresel Veri Üzerinden İndirilmiyor

Uygulamalar Hücresel Veri Üzerinden İndirilmiyor Hücresel veri üzerinden App Store'dan uygulama indiremiyor musunuz? Wi-Fi’ye bağlı…

2 ay önce
  • Genel

Tesla Wi-Fi’a Nasıl Bağlanır?

Tesla Wi-Fi’a Nasıl Bağlanır? araçları, yazılım güncellemelerini almak, internet üzerinden hizmetleri kullanmak ve araç içinde…

2 ay önce
  • Windows

Bozuk bir Excel çalışma kitabı nasıl onarılır

Excel dosyalarının bozulması, hem bireyler hem de iş dünyası için ciddi bir sorun olabilir. Özellikle…

2 ay önce