Xenforo 2 Adsense Reklamları Lazyload yapabilirsiniz

[SadmiN]

How to lazy load ads wordpress php wp Xenforo 2 Vbullettin Özel Php yazılımlarında adsense reklamları lazy load ile daha sonra yüklenmesini sağlayarak sayfalarınızın mobil hızlarını değiştirebilir iyileştirebilirsiniz.

Özellikle yeni yapılan güncelleme ile artık sitelerin mobil hızlarının son derece önemli olduğu gerçeği ortaya çıkıyor. Aslında kendi analitik verilerinizi kontrol ederek en fazla ziyaretçilerin ve anlık misafirlerin çok büyük bir bölümünün mobil olduğunu göreceksiniz. Mobil kullanıcıları sayfalarınızın hızlı yüklenmesini isterler eğer 8 saniye ve daha üstünde yüklenen bir sayfanız var ise yandınız. Kullanıcı misafir dolayısı ile para kaybeceğiniz kesin.

Lazy Load Nedir ? Sitenize giren bir misafir için sizenizin konusunun içinde yer alan reklamlar ve resim alanları anında yüklenme yerine sayfada aşağıya doğru inildiği andan itibaren yüklenmeye başlayarak site hızınızın artmasını sağlayan bir yazılım. Genelde bunu resimler için kullanıyorsunuz. Ama adsense de de kullanılabiliyor.

Öncelikle GOOGLE MOBİL HIZ TESTİ sayfasına giderek sitenizin anasayfasını ayrı kategorisini ayrı ve en önemli si de ziyaretçilerin arama ile geldikleri konu içini ( bu çok önemli ) ayrı şekilde ölçümleyeceksiniz. ( bu sayfa chrome de çalışmaz ise lütfen ctrl+shift+N tuşu ile gizli sekme açarak deneyiniz )



Yaptığınız testin sonucunun minimum 5-6 olması gerekiyor ki kullanıcılar tarafından kayıp olmadan ziyaretçi alasınız. Biz kendi adsense kodlarımızda iyileştirme yapmadan verilen hız testi sonucu aşağıdaki gibidir. Lütfen dikkat ediniz burada 6s demekte ve ortalama yüzde yirmidört kayıp var. Demek ki gelen her 100 kişinin 24 kişisi sayfada durmadan yüklenmesini beklemeden siteden anında sekme kapatması ile çıkıyorlar. Bu malesef çok fena.




Kullandığınız yazılım ne olur ise olsun bu hızlandırmayı yani lazy load işlemini kendiniz yapabilirsiniz. Tabi bu işlemin sonucunda mobil hız yükselecek fakat geç reklam yüklenmesi yani aşağıya doğru inildiğinde yüklenecek olan reklamların gelir kaybına yol açıp açmayacağını henüz test etmedik bilginiz olsun.

Bu testlerin haricinde yine MOBİL VE MASA ÜSTÜ GOOGLE TEST ARACI ile hem mobil hemde ayrı şekilde masa üstü hızınızı aynı anda görüp test edebilirsiniz bu linki de kullanabilirsiniz arkadaşlarım.

Sonuçta sizin hızınız da muhtemelen düşüktür. Eğer özellikle bir ayar yapmadı iseniz kesin olan şu hızınız düşük çıkacaktır. Şimdi gelelim Adsense ile ilgili ne yapacağımıza arkadaşlarım.

Adsense kodunuzu aldığınız zaman asenkron kod alıyorsunuz ve aşağıdakine benzer bir kod alıyorsunuz.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bu yukarıda bulunan normal kodu siz sitelerinize ekleyerek reklamların çıkmasını sağlıyorsunuz. Bunun İçin öncelikle kodu <script asyns src= kodundan ayırıyoruz. Reklam ekleyeceğiniz bölüme işe şu şekilde ekliyorsunuz birinci aşama bu

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Lütfen bu işlemi yaparken tüm reklam kodlarının tamamının kaldırılmış olduğundan emin olun. Yukarıdaki şekilde ekleme yaptığınızda reklamlarınızın çalışmaması gerekiyor. Eğer bir adsense kodu bıraktı iseniz bu kod çalışır. Yani çalışmış ise bir yerde google adsense kodu unuttunuz demektir. Zira eklenen herhangi bir adsense kodunda yer alan <script async src= kodunun olması tüm reklamların çalışmasına ve işlemi yanlış yapmanıza neden olur bilginiz olsun.

Bu aşama bittikten sonra hemen aşağıda yer alan kodu sitenizdeki footer bölümüne

</body> kapatma tagının hemen üstüne ekleyeceksiniz.

<!--noptimize-->
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!--/noptimize-->

Bu yukarıda yazdığımız tekniği wordpress sitelerde de kullanabilirsiniz. Eklediğimiz ve çalıştığına emin olduğumuz sitemiz var portal bölümümüze ekleyerek testini yaptık bilginiz olsun. Sayfa hızı 6-8 den 4-5 s seviyesine düştü bu çok ciddi bir gelişme bilginiz olsun. Bu tekniği resimler için de kullanmanız yararanıza olacaktır ( resimlerde bu kodlama işe yaramaz ) sonuç olarak bu basit işlem ile site hızını 1 kademe daha düşürdük ve hit kaybı %24 ten % 19 seviyesine düştü.





Sıkıntınız veya sorunuz olur ise lütfen bana konu üstünden kayıt olmaya gerek kalmadan mesajlarınızı gönderiniz.