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

15 Temmuz, 2017
Don't go widget for Blogger
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.
Yine beklerim

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.

10 yorum:

  1. Güzelmiş, müsait olduğumda daha iyi incelerim..

    YanıtlaSil
    Yanıtlar
    1. Ben bayıldım bu koda. Uzun zamandır arıyordum, yeni buldum ve hemen paylaşmak istedim.

      Sil
  2. Ay bu teknik şeyler :( Güzel bilgi ama :)

    YanıtlaSil
  3. Çok şekermiş gerçekten, teşekkürler bizi de haberdar ettiğin için :))

    YanıtlaSil
    Yanıtlar
    1. Rica ederim. Ben teşekkür ederim değerli yorumun için..

      Sil
  4. Evet, ilgi çekebilecek bir uygulama, emeğinize sağlık. :)

    YanıtlaSil
  5. Araştırıdığınız için teşekkürler.

    YanıtlaSil
  6. Çalışmıyor malesef bloguma uyguladım tekrar kodları incelermisin ??

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, muhtemelen js dosyası silindiği için çalışmıyordur. En kısa zamanda içeriği güncellemeye çalışacağım.

      Sil
    2. Teşekkürler iyi çalışmalar.

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.