Otomatik Reklamlar İçin Adsense Komut Dosyasının (script) Yüklenmesini Erteleyin

6.12.20
Adsense Lazyload

Google, web sitesi sayfa yüklenme hızlarının, arama motorlarında arama sonuçları sıralamasının belirleyici faktörlerden biri olduğunu sürekli vurgulamakta. Bu nedenle, web yöneticileri, arama sonuçları sıralamasında ilk sıralarda yer almak için web sitelerinin hızlı bir şekilde yüklenmesini sağlamaya çalışıyorlar.

Bu zorlu süreçte, web yöneticilerinin başına bela olan ve en çok zorlandığı bir şey var, yani Adsense reklamları. Çünkü, şimdiye kadar web sitelerinde Adsense reklamlarının varlığı sayfa hızı analizlerinin değerini büyük ölçüde etkiledi, hatta analiz sonuçlarının kırmızıya bile dönmesine neden oldu. Böylece, web sitelerinin hızlı bir yüklenme başarısı gösterme çalışmalarının en büyük ikilemi oldu.

Elbette bu, Google'ın sayfa yüklenme hızının SERP'deki web sitesinin sıralaması için belirleyici faktörlerden biri olduğunu belirten açıklamaları ile ters orantılıdır.

Adsense Reklamları Yüklenme Sorununun Çözümü

Adsense JS komut dosyası eşzamansız olarak kullanılıyor, ancak yine de Adsense JS komut dosyasının yüklenmesi web sitelerinin yüklenmesini etkiler. Çünkü, komut dosyası sayfa yüklendikten sonra çalıştırılsa bile sayfanın yüklenmesi ile aynı anda çalışır.

Lazyload Adsense

Adsense reklamlarının web sayfalarının yüklenmesine etki etmemesi için çözüm yolu olarak, aynı resim dosyalarının yüklenmesinde olduğu gibi basit bir yöntem olan lazyload yönetimini kullanmak en etkili çözüm olarak görünüyor.

Adsense lazyload'un çalışma şekli, Adsense komut dosyasının yüklenmesi ve çalışması ziyaretçinin sayfaya giriş yapasından kısa bir süre sonra (bizim belirleyeceğimiz) otomatik olarak gerçekleşecektir.

Böylece, sayfa yüklendiğinde, Adsense JS komut dosyası yüklenmeyecektir. Sayfaya bir ziyaretçi tarafından erişildiğinde sayfa yüklenmesi üzerinde hiçbir etkisi olmayacaktır.

Bazı web yöneticileri bu yöntemin Adsense için farklı etkilerinin olduğunu öne sürmekte. Web sayfalarının çok hızlı yüklenmesine rağmen, Adsense gelirlerinin olumsuz etkilendiğini belirtmekte. Bu tamamen yanlış bir görüş olup, Adsense komut dosyasının geç yüklemesi ile Adsense reklam tıklamalarının hiç alakası yoktur.

Adsense JS Komut Dosyasının Yüklenmesini Erteleme

Web sitelerinin hızlı yüklenmesi için yeni bir çözüm üretmeye çalıştım, Adsense reklamlarının yani web sayfasının yüklemesinden hemen sonra görünebilir olmasını sağlayan bir erteleme yöntemi yaptım.

Bu Adsense erteleme yönteminin çalışma şekli, yani Adsense komut dosyasının yüklenmesi ve çalışması, web sayfası başarıyla yüklendikten sonra gerçekleşmesidir.

Bu yöntem ile Adsense reklamlarının ertelenmesi, web sayfasının hız testi sonuç değerlerini hiç şekilde etkilemeyecektir.

Adsense lazyload yöntemini kullanmak istiyorsanız, aşağıdaki kodu </body> kodunun bir satır üzerine ekleyin. Bu komut dosyası ayrıca Adsense JS'deki otomatik reklamlar için de kod içeriyor.

Adsense Lazyload Komut Dosyası
<script id='ads-script' async='async' data-ad-client='ca-pub-XXXXXXXXXXXXXXXX'/>
<script>
//<![CDATA[
document.addEventListener("DOMContentLoaded", function() {
    var lazyloadScript = document.querySelectorAll("#ads-script");
    var lazyloadThrottleTimeout;

    function lazyload() {
        if (lazyloadThrottleTimeout) {
            clearTimeout(lazyloadThrottleTimeout);
        }
        lazyloadThrottleTimeout = setTimeout(function() {
            var scrollTop = window.pageYOffset;
            lazyloadScript.forEach(function(script) {
                if (script.offsetTop < window.innerHeight + scrollTop) {
                    script.setAttribute("src", "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js");
                }
            });
            if (lazyloadScript.length == 0) {
                document.removeEventListener("scroll", lazyload);
                window.removeEventListener("resize", lazyload);
                window.removeEventListener("orientationChange", lazyload);
            }
        }, 2000);
    }
    lazyload();
    document.addEventListener("scroll", lazyload);
    window.addEventListener("resize", lazyload);
    window.addEventListener("orientationChange", lazyload);
});
//]]>
</script>

Yukarıdaki komut dosyası içerinde belirtilen yere otomatik reklamlar için ca-pub-XXXXXXXXXXXXXXXX kendi Adsense yayıncı kimliğinizi ekleyin.

Web sitenize daha önce eklemiş olduğunuz Adsense JS komut dosyalarını kaldırın. Eğer her iki komut dosyasını da kullanmaya devam ederseniz, bu yöntem web sitenizin yüklenme performansına hiç bir katkı sağlamayacaktır.

Adsense lazyload yöntemini kullanmak istiyorsanız, web sayfasının önceki ziyaretlerinde tarayıcıya Adsense JS'nin yüklendiğini bildirmek için bir önyükleme eklemelsiniz, böylece tekrar yüklenmesi gerekmez.

Bunu, Adsense reklamlarının yüklenmesini Preload ile hızlandırma makalemizde açıklamıştım.

Eğer web sitenizde eklemediyseniz, aşağıdaki kodu web sitenizin <head> kodunun altına ekleyin.

Adsense Preload
<link as='script' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' rel='preload'/>

Sonuç

Web sayfalarının yüklenme hızını artırma yöntemleri tercihiniz ne olursa olsun, elbette web sitesi sahibi olarak bu sizin kararınız. Özellikle Adsense reklamlarının web yüklenmesindeki etkisi açısından Adsense lazyload yöntemini veya farklı bir yöntem kullanmak ya da hiç birini de kullanmamak da sizin tercihiniz.

Şuan web sitelerimde bu yöntemi kullanmaktayım ve Adsense reklam gelirlerinde herhangi bir sorun yaşamamaktayım. Üretmiş olduğum bu yöntem hakkında görüşlerinizi benimle paylaşmanızı bekliyorum. Görüşleriniz benim ve web sitem için önem arz etmektedir.

Faydalı mı?

Yorum Gönderme