İçeriğe geç

JavaScript ile Sekme Değiştirildiğinde Sayfa Başlığını Değiştirme

Kullanıcıların sayfanızda kalmasını isteyebilirsiniz.

Bunu neredeyse tanıdığım herkes ister. Siz de istersiniz! İnsanlar sayfanızda kalsın ve vakit geçirsin istersiniz.

Sayfanız açıkken başka bir sekme açıldığı anda, siz ikinci plana itilmiş olursunuz.

Böyle durumlarda, sekme başlığında yani HTML içerisindeki <title> etiketini değiştirip kullanıcıların sayfanıza ilgisini tekrar çekmek belki bir nebze çözüm olabilir.

Bu işlem, bir kaç satır ile çözülebilecek bir yöntem.

windows object’i üzerinde Event Listener’lar ekleyerek bu problemi çözebiliriz. Aslında eklemeden de çözebiliriz fakat bu profesyonel bir yaklaşım olmaz. Ayrıca yazacağımız, Event Listener’lara daha farklı işlevlerde katabiliriz.

JavaScript ile sayfa değiştirildiğinde, sayfa başlığını değiştirmemize olanak sağlayan kodlarımız aşağıdaki gibi olacaktır.

    document.title = 'Hoş geldiniz!';
    window.addEventListener('blur', function() {
        document.title = 'Beni unuttun!';
    });

    window.addEventListener('focus', function() {
        document.title = 'Tekrar hoş geldiniz!';
    });

Daha önce de belirttiğimiz gibi; window object’ine listener’lar ekledik. blur, başka bir sekme açıldığında devreye giren olayımızdır. focus ise; sayfaya tekrar gelindiğindeki olaydır. Ayrıca sayfa başlığını da en baştan belirttik.

Yazdığımız satırlarımızın ekran çıktısı da aşağıdaki gibi olacaktır.

Böylelikle; kullanıcılarınızın, sayfanız açıkken başka bir sayfa açması durumunda başlığı değiştirip tekrar odaklanmasını sağlayabilirsiniz.

Yukarıdaki ekran çıktımız; Chrome tarayıcıya aittir.

Saygı ve muhabbetle!..

Bu içeriği paylaşmak ister misiniz?

İlk Yorumu Siz Yapın

Bir cevap yazın

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

Buradaki içeriklerin tümü kamu malıdır. Kullanılması ve paylaşılması özgürdür.