Blogger Rastgele Yazıya Yönlendirme Eklentisi

Blogger Rastgele Yazı Eklentisi

Siteyi ilk açtığımdan beri Blogger altyapısında koşuyor. Haliyle ufak tefek iyileştirme ihtiyaçlarında kendim bir şeyler yapıyorum. Her ne kadar site alışkanlıklar, kişisel gelişim ve kişisel finans gibi ana konulardan oluşsa da yaptığım diğer şeyleri de göstermek istiyorum. Nefs işte. 😕 Excel ve Googlesheets üzerinde yaptığım şeylerden paylaştıklarım olmuştu zaten. Onları da zaman içinde artırmak niyetindeyim. Blogger için yaptıklarımı da yavaş yavaş paylaşmak istiyorum. Bloggerla alakalı olarak aklınıza takılanları da #blogger etiketli yazıların altında yorum olarak sorabilirsiniz. Bildiğim bir şeyse hemen, bilmediğim bir şeyse araştırıp öğrendikten sonra cevap vereceğimden emin olabilirsiniz.

Bu kadar girizgah yeter, gelelim blogger rastgele yazıya yönlendirme eklentisine. Aslında buna bir eklenti demek zor. Çünkü Wordpress tabanlı sitelerdeki gibi, arka planda çalışan bir şey değil. Ufak bir javascript kodu demek daha doğru ama yine de genel isimlendirme eklenti olduğu için ben de öyle kullanıyorum.

Blogger Rastgele Yazı Eklentisi Neden Gerekli?

Blogger rastgele yazı eklentisiyle içerik keşfetme yolculuğu

Blogger rastgele yazı eklentisine bloga gelen ziyaretçilere diğer yazılarımı da göstermek istediğim için ihtiyaç duydum aslında. Çünkü benzer yazılar ya da etiket bazlı içerik önerme fikri güzel olsa da keşfetme heveslisi -benim gibi- insanları şaşırtmıyor. Bana stumbleuopon'ın eski versiyonunda olduğu gibi rastgele bir şeyler gösterecek bir şeyler lazımdı. Onun için de blogger rastgele yazı kodunu hazırladım.

Eğer siz de blogger tabanlı blogunuzda,

• Ziyaretçilerinizin daha fazla içeriğinizi keşfetmesini istiyorsanız,
• Kendi eski yazılarınızın içerisinde ufak bir gezintiye çıkmak istiyorsanız,
• Böyle ufak tefek geliştirmeleri denemeyi seviyorsanız,

bu rastgele yazı eklentisi sizin de işinize yarayacaktır.

Blogger Rastgele Yazı Eklentisi Nasıl Çalışır?

Blogger rastgele yazı eklentisinin çalışma mantığı adım adım şu şekilde:

1. Önce site haritasından sitenizde yayında olan tüm yazıların URL bilgisini alır.
2. Bu bilgiyi bir diziye atar.
3. Dizinin uzunluğuna göre, rastgele bir sayı oluşturur.
4. Oluşan rastgele sayının temsil ettiği dizi elemanını yönlendirilecek adres olarak tanımlar.
5. Butona tıklandığı zaman ilgili adrese yönlendirmeyi yapar.

Denemek isterseniz sağ sütunda yer alan "Hadi biraz içerik keşfedelim!" butonuna tıklayabilirsiniz. Tıkladığınızda bu yazıdan ayrılacaksınız ve blogda yer alan rastgele bir yazıya ışınlanacaksınız.

Blogger Rastgele Yazı Eklentisinin Kodları

Blogger rastgele yazı eklentisine neden ihtiyaç duydum, bu eklenti nasıl çalışıyor onları anlattım. Şimdi gelelim kodun kendisine:

<script>

var sitemapUrls = [];

   $.ajax({

    url: "https://www.ilerlemedefteri.net/sitemap.xml",

    type: "GET",

    dataType: "xml",

    success: function(xmlData) {

        $(xmlData).find('url loc').each(function() {

            var url = $(this).text();

            if (url.startsWith(`https://www.ilerlemedefteri.net`) || url.startsWith(`http://www.ilerlemedefteri.net`)) {

                sitemapUrls.push(url);

            } else {

                console.warn("Farklı domaine ait URL atlandı:", url);

            }

        }); } })

 function rastgeleYazi(){

 let urlIdx = Math.floor(Math.random() * sitemapUrls.length)

 let rastgeleYaziUrl =sitemapUrls[urlIdx]

 window.open(rastgeleYaziUrl, "_self")

 

 }

  </script>

 <button onclick="rastgeleYazi()">Hadi Biraz İçerik Keşfedelim!</button>

Kodlar bu şekilde. Kendinize göre düzenleme yapmanız gerek. Onu da hemen açıklayım.

Blogger Rastgele İçerik Kodlarında Nereleri Düzenlemelisiniz?

Yukarıda yer alan rastgele yazı kodunda, www.ilerlemedefteri.net adresi gördüğünüz her yeri kendi blogunuzun adresiyle değiştirmelisiniz. Eğer bunları değiştirmeden kullanmak isterseniz, benim açımdan hiçbir sakınca yok çünkü ziyaretçileriniz benim içeriklerimi keşfedecektir. 😀Yani bana ziyaretçi göndermek istemiyorsanız, oraları değiştirin. 

if (url.startsWith(`https://www.ilerlemedefteri.net`) || url.startsWith(`http://www.ilerlemedefteri.net`)) kısmında sitemapten okunan adreslerin bu bloga ait olup olmadığını kontrol ediyorum. İsterseniz bu kontrolü kaldırabilirsiniz ama bence gerek yok. Böyle de kullanılır durumda.

Blogger Rastgele Yazı Kodunu Kullanırken Nelere Dikkat Etmelisiniz?

• Javascript ve jquery kullanılarak yazıldığı için kullanacağınız blogda mutlaka jquery kütüphanesinin çağrıldığından emin olun.
• Yukarıdaki kodu Jquery kütüphanesinin eklendiği satırdan sonra çağırdığınızdan emin olun. Çünkü bazı tarayıcılarda jquery'nin footerda kaldığı durumlarda ajax metodu çalışmayabiliyor.
• ilerlemeDefteri.net adreslerini kendi blog adresinizle değiştirdiğinizden emin olun.
• Kodu uyguladıktan sonra kaydetmeden mutlaka önizlemeyle doğru çalıştığını kontrol edin.
• Kodu kullandığınız durumlarda, yorum olarak kullandığınız blogun adresini aşağıda belirtin. Hem ben yeni bir blog keşfederim, hem de yaptığım herhangi bir şeyin kullanılması, beni daha çok o alanda içerik üretmeye teşvik edecektir.

Blogger rastgele yazı eklentisiyle ilgili söyleyeceklerim bu kadar. Güzel günlerde kullanın. Umarım blogunuzun ziyaretçileri de sever! Kullandığınızda yorumda paylaşmayı unutmayın.