Perşembe 26 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Ziyaretçileriniz Farklı Sekmeye Geçtiğinde Geri Çağırın
 Ziyaretçileriniz Farklı Sekmeye Geçtiğinde Geri Çağırın
Arayüz JavaScript

Ziyaretçileriniz Farklı Sekmeye Geçtiğinde Geri Çağırın

Yazar : Bilal UÇAR 6 Temmuz 2017 3 Comments

Bir makaleyi açıp birkaç cümle okuduktan sonra başka sekmeye mutlaka geçmişsinizdir. Bir ziyaretçinin dikkatini çekmek kolay olmayabilir. Bunun için Do not Go ile bir nebze dikkatini çekebilirsiniz.

Bu scripti sayfanıza ekleyerek, sayfanın şu anda görüntülenmemesi durumunda sitenizin favicon’unu ve sayfa başlığını otomatik olarak güncelleyebilirsiniz.


Canlı demoyu incelemek için buradan deneyebilirsiniz. Tek yapmanız gereken siteyi açtıktan sonra farklı bir sekmeye geçip bir kaç saniye beklemek. Birkaç saniye geçtikten sonra sitenin faviconu ve title kısmının değiştiğini göreceksiniz. Bence çok dikkat çekici olmuş.

Bu, JavaScript dinamik olarak çalışır. Yani kullanıcı sitenize tekrar geçtiğinde değişen favicon ve title eski halini alır. Tahmin edebileceğiniz gibi bu scripti kullanmak da çok basittir.

Bu scripti kullanmak için üç ayar yapmanız gerektirir:

  • Başlık – yeni sayfa başlığı
  • Favicon – yeni favicon URL
  • Zamanaşımı – kullanıcı farklı bir sekmeye geçtikten sonra favicon ve başlığın değişme süresi(saniye olarak)

Unutmayın, gereken tek değer başlıktır. Favicon’u aynı şekilde bırakabilir ve zamanaşımını tamamen atlamayı seçebilirsiniz, böylece başlık çubuğu anlık olarak değişir.

İşte scriptin nasıl çalıştığına dair kod örneği

Do not GO komut dosyasını kurmak daha kolay olamazdı. Npm, Bower ve Yarn vasıtasıyla edinilebilir ve aynı zamanda ana repodan çekilen GitHub CDN’de barındırılan dosyaları kullanabilirsiniz.

Bu eğlenceli komut dosyası, okuyucuları sitenize geri döndürmek ve sonuçta hemen çıkma oranlarını düşürmek için mükemmel bir yöntem olabilir. Daha fazla bilgi edinmek için, yalnızca ana GitHub repo’sunu ziyaret edin ve dokümantasyon gözden geçirin.

Bu makalede ziyaretçilerinizi sitenize geri döndürmek için kullanabileceğiniz, sitenizi yormayacak, ufak javascript kütüphanesi olan Do not Go ‘dan bahsettik. Bu eğlenceli script hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: do not go js kütüphanesi do not go nasıl kullanılır
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

3 Yorumlar

  • Tuğrul says:
    6 Temmuz 2017 at 23:19

    Nasıl kullanacağız? Alttaki kodu ne olarak alıp kaydedip nasıl çağıracağız?

    Reply
  • Taşdemirler says:
    7 Temmuz 2017 at 14:05

    Sitemize nasıl kuracağımızı da anlatabilir misiniz ?

    Reply
    • Bilal UÇAR says:
      9 Temmuz 2017 at 09:48

      Hocam önce

      Kütüphaneyi sitenize eklemeniz gerekiyor.
      Daha sonra https://gist.github.com/bilalucar/4daf0ea989f090cd03b111ac67be5cc8 buradaki kodları da kendinize göre düzenleyip eklerseniz çalışacaktır.

      Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.