Giriş Yap / Kayıt Ol

Sitenizi Yeni Sekmede Açıp Uzaklaşan Ziyaretçileri Geri Çekin; “Don’t Go”

Tarih: 11 Temmuz 2017   Kategori: Yazılım   Yazar: Being  |  5787 kez okundu

Birçok işi aynı anda yerine getirmeye çalışmak (multitasking) çağımızın en büyük hastalığı. Ziyaretçiler aynı anda onlarca sekme açıyor ve birkaç cümle okuduktan sonra diğer sekmeye geçiyor. Don’t Go ise multitasking’in müptelası olmuş ziyaretçileri bize geri kazandırmayı hedefliyor. Eğer siteniz sekme olarak açılmış ama aktif olarak görüntülenmiyorsa, Don’t Go harekete geçerek ziyaretçinizin dikkatini tekrar geri kazanmaya çalışıyor.

Sayfanıza basitçe ekleyerek çalıştırabileceğiniz bir kod betiği olan Don’t Go, sayfanız görüntülenmediğinde otomatik olarak sayfa başlığı (title) ve sayfa ikonunu (favicon) değiştiriyor. Birkaç saniye önce ziyaret ettiği sayfanın başlığının aniden değişmesi kullanıcının ilgisini çekiyor ve ziyaretçiyi ilgi avına yenik düşerek sekmeye geri dönüyor. Don’t Go script’i tüm bu hikayeyi gerçeğe dönüştürmek için JavaScript dilinin nimetlerinden faydalanıyor. Yani, tüm işlemler anlık olarak gerçekleşiyor ve script’in düşük boyutu sayesinde Don’t Go sayfa hızınızı küçük oranda etkiliyor.

Don’t Go’nun nasıl çalıştığını test etmek için buradan demo sayfasına erişebilirsiniz. Sekmeyi açık bırakıp farklı bir sekmeye geçtiğinizde birkaç saniye içinde Title’ın değiştiğini göreceksiniz. Sekmeyi tekrar açtığınızdaysa kod pasif hale gelecek ve orijinal title olduğu gibi sizi bekliyor olacak. Eğer isterseniz Don’t Go size kişiselleştirilmiş bir deneyim de sunabilir. Title değişme süresini istediğiniz gibi değiştirebilir, favicon kullanıp kullanmama tercihi yapabilirsiniz. NPM, Bower ve Yarn üzerinden kullanılabilen Don’t Go Script’i Github CDN üzerinde de barındırılıyor. 

Eğer ziyaretçileriniz sitenizden farklı bir sekmeye geçtiğinde dikkatini çekmek istiyorsanız, Don’t Go oldukça inovatif bir çözüm. Üstelik Don’t Go ile ziyaretçilerin dikkatini geri kazanabilir ve Bounce Rate oranınıza ufak dokunuşlar yapabilirsiniz. Buraya tıklayarak script’in GitHub reposuna ve kullanım dokümantasyonu detaylarına erişebilirsiniz.

Don't Go WordPress ile Nasıl Kullanılır?

Birkaç arkadaşımız kurulum konusunda takıldıkları için özelden anlatmak yerine buraya kısaca adımlar halinde kurulumu eklemenin daha pratik olacağına karar verdim.

  1. Yukardaki linkten Script'in Github Reposunu ziyaret edin. Sağ üst taraftaki yeşil Clone or Download butonuna tıklayın. Daha sonra Download ZIP butonuna basarak Scripti indirin.
  2. İndirdiğiniz ZIP dosyasını açın ve Public klasörünü kendi FTP'nizde kullandığınız temanın JS klasörüne (eğer yoksa kendiniz js klasörü oluşturabilirsiniz.) yerleştirin.
  3. Temanızın Footer.PHP dosyasını açın ve aşağıdaki kodu kendinize göre düzenleyerek </body> etiketinin hemen üzerine ekleyin;

<script src="http://www.siteadresiniz.com/wp-content/themes/tema-dizini/js/dont-go.js"></script>
    <script>
      dontGo({
        title: 'Title değiştiğinde görünecek yeni title',
        faviconSrc: 'http://www.siteadresiniz.com/wp-content/themes/tema-dizini/js/faviconAlt.png',
        timeout: 1000
      })
    </script>

JS klasörüne yerleştirdiğiniz dosyaları kendi favicon tercihinize göre özelleştirebilirsiniz.

Giden, ziyaretçi de olsa geri gelir mi bilinmez ama bu ücretsiz betik benim beğenimi kazandı. Siz ne düşünüyorsunuz?

27 Yorum
Okan-İŞLİ avatar
Okan-İŞLİ • 1 yıl önce
https://wmaraci.com/forum/2295153-mesaj6.html

Buradaki gibi yapabilirsiniz.
mustafaalniak avatar
mustafaalniak • 1 yıl önce
dostum siteme uyguladımda, bu title' yazısının gidip gelmesini nasıl sağlarız ? Yanıp yanıp söner gibi olsa daha çok dikkat çeker. Ama tabii ki bu halide çok iyi
Okan-İŞLİ avatar
Okan-İŞLİ • 1 yıl önce
Hocam maalesef hiç uğraşmadım üstünde direk o şekliyle kullanmıştım.
mustafaalniak avatar
mustafaalniak • 1 yıl önce
peki hocam, sagol smile
Trabzon61 avatar
Trabzon61 • 1 yıl önce
Siteme ekledim güzel oldu ama kullanıcıların tekrar döneceğini zannetmiyorum.
mceber avatar
mceber • 1 yıl önce
wordpress versiyonu var mı?
Being avatar
BeingEDİTÖR • 1 yıl önce
WordPress dahil tüm web sayfalarına uygulanabiliyor. Yalnız eklenti olarak yok maalesef. JS ile kendinizin sisteme dahil etmeniz gerekiyor.
mceber avatar
mceber • 1 yıl önce
js bilsem neler yapmazdım sayın beingciğim
nihatturan avatar
nihatturan • 1 yıl önce
ahahaha çok masum
srdtpr avatar
srdtpr • 1 yıl önce
WP'te nasıl yapıldığını kısaca tarif edebilecek var mı?
GokhanKara avatar
GokhanKara • 1 yıl önce
Eklenti haline getirip ücretsiz dağıtabilirim. Tabi geliştiricisi buna izin verirse ..
Being avatar
BeingEDİTÖR • 1 yıl önce
@GokhanKara açık kaynaklı bir proje olduğu için eklenti haline getirmeniz sorun olmayacaktır smile Pratik şekilde bu özelliğe sahip olmak isteyen arkadaşlar da hayır duacınız olur smile
Being avatar
BeingEDİTÖR • 1 yıl önce
Birkaç arkadaş daha kurulumda takıldığı için WordPress için kurulum adımlarını yukarı ekledim.
MuhammedArslan avatar
MuhammedArslan • 1 yıl önce
Bence gayet kullanışlı, projeme dahil ettim.Teşekkürler.
Kiroglumarket avatar
Kiroglumarket • 1 yıl önce
Ben genellikle her 3-4 dk bir rehresh çektiriyorum jquery koduyla
Alp avatar
Alp • 1 yıl önce
Basit olarak blur ve focus u kullanıyoruz. $(window).blur(function(){}) ile kullanıcının diğer sekmeye geçtiğinin haberini alıyoruz.
Komut avatar
Komut • 1 yıl önce
Hakkatan iyi smile
ferzileyto avatar
ferzileyto • 1 yıl önce
https://tasdemirlerotoyedekparca.com.tr/ yaptık oldu gibi
Being avatar
BeingEDİTÖR • 1 yıl önce
Olmuş olmuş smile
murattat avatar
murattat • 1 yıl önce
Bir kaç öneride bulundum arkadaşa . Canlı destekden konuşuyoruz smile
blogtecrubem avatar
blogtecrubem • 1 yıl önce
Elinize sağlık, on numara bir paylaşım olmuş. Blogger bloguma uyguladım bile.
http://blogtecrubem.blogspot.com/
kodshop avatar
kodshop • 1 ay önce
Nasıl blogger uyguladığını anlatırmısın blogun'da?
blogtecrubem avatar
blogtecrubem • 1 ay önce
https://www.blogtecrubem.com/2017/07/farkli-sekmeler-acildiginda-gorunen-uyari-kodu.html
alperozbayyy avatar
alperozbayyy • 1 yıl önce
Arkadaşlar yazanları birebir uyguladım fakat olmuyor birde bu indirdiğim klasörde favicon ve dont-go.js dosyası public diye bir klasörün içinde onada yönlendirdim gene olmadı sorun nerede olabilir
recepcolak94 avatar
recepcolak94 • 1 yıl önce
Flo ayakkabı bile kullanmaya başlamış smile
Illuminati avatar
Illuminati • 1 yıl önce
2 ay önce daha basit bir versiyonunu paylaşmıştım.
http://ahmethakanbesel.com.tr/sekme-degisince-sayfa-basligini-degistirme
Ali avatar
Ali • 1 yıl önce
WordPress eklentisi için https://wordpress.org/plugins/wp-dont-go/
FacebookTwitterGoogle+YoutubeInstagramPinterest

E-Posta Aboneliği

Yeni yazılar için takipte kalın!

WM Aracı Maskotu Boa WM Aracı © 2010 - 2018
Bir Boğa Bilişim markası.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.