Farklı sekmeler açıldığında görünen uyarı kodu

Don't go widget for Blogger

Blogunuza ya da web sitenize ekleyeceğiniz bu kod sayesinde harika bir görünüm elde edebilirsiniz. Ayrıca SEO konusunda da + puan kazandıracaktır bu kod.

Merhaba dostlarım, uzun zamandır aradığım harika bir konudan sizlere bahsetmek istiyorum. Bir kaç ay önce Webtures'in sitesinde gördüğüm bu kod çok ilgimi çekmişti. "Adamlar yapıyor!" diye kendi kendime söylenip duruyordum. Daha sonra yaptığım onca araştırmalar sonunda nihayet bu koda ulaştım.

Peki bu kod ne işe yarıyor?

Bu kod yukarıda yer alan görselde gördüğünüz gibi internet tarayıcınızda farklı sekmelere geçiş yaptığınızda uyarı ya da mesaj mahiyetinde bildirim gösteriyor. Buna "don't go, come back, geri gel, yine bekleriz..." gibi isim vermek mümkün.

Nasıl, çok iyi değil mi? 😊

Web sitelerinde bu tür ince ayrıntılar kullanıcıların oldukça hoşuna gider. Nitekim bende ilk gördüğümde oldukça hoşuma gitmişti.

Peki Ümit iyi, güzel de bunun SEO açısından nasıl bir faydası olacak?

SEO açısından faydası az da olsa var. Özellikle birden fazla sekme açarak internette gezinen kullanıcılar bu tür değişik ayrıntılara takılırlar ve merak ederek tekrar siteyi ziyaret ederler. Bu da sitede geçirilen sürenin artmasına neden olur. Bu da SEO açısından + puan demektir.

Şimdi gelelim bunu Blogger (blogspot) bloglarımıza eklemeye

Kendi blogumda deneyip olumlu sonuç aldığım kodları olduğu gibi sizlerle paylaşacağım. Ama bazı blog sayfalarında çalışmayabilir. Bunun için daha sonra tekrar güncelleme yapacağım.

1. İlk olarak Blogger kullanıcı panelinde Tema kısmına
2. Daha sonra açılan sayfada HTML düzenle kısmına tıklıyoruz
3. Ardından kodların yer aldığı kısımda Ctrl F yardımıyla aşağıdaki kodu buluyoruz:

</body>

4. Bulduğumuz bu kodun hemen üstüne aşağıdaki kodları ekliyoruz:

<!-- yine beklerim kodu başlangıcı BlogTecrübemden-->
<script src='https://cdn.rawgit.com/tiaanduplessis/dont-go/master/lib/dont-go.js'/>
    <script>
      dontGo({
        title: &#39;Yine beklerim!&#39;,
        faviconSrc: &#39;https://i.hizliresim.com/ZE9y1A.png&#39;,
        timeout: 1000
      })
    </script>
<!-- yine beklerim kodu bitiş BlogTecrübemden-->

5. Son olarak yaptığımız değişiklikleri kaydedip blogumuzu kontrol edebiliriz.

Düzenleme: Kırmızı renkle belirttiğim yazı, sekmede görünecek olan yazıdır. bu yazıyı dilediğiniz gibi değiştirebilirsiniz. Sarı renkle belirttiğim link ise görünecek olan faviconun linkidir. Bunu da kare ve png uzantılı görsellerin linkiyle değiştirebilirsiniz.

Konuyla ilgili takıldığınız yerler olursa yorum yaparak bana bildirebilirsiniz.