Neler yeni

Sekme Değiştiğinde Title Değişmesi Nasıl Yapılır? (1 Kişi)

[WebAbisi] Konu Bilgileri

Konu Hakkında Merhaba, tarihinde Nedir kategorisinde brokerbey tarafından oluşturulan Sekme Değiştiğinde Title Değişmesi Nasıl Yapılır? başlıklı konuyu okuyorsunuz. Bu konu şimdiye dek 323 kez görüntülenmiş, 0 yorum ve 0 tepki puanı almıştır...
Kategori Adı Nedir
Konu Başlığı Sekme Değiştiğinde Title Değişmesi Nasıl Yapılır?
Konuyu başlatan brokerbey
Başlangıç tarihi
Cevaplar
Görüntüleme
İlk mesaj tepki puanı
Son Mesaj Yazan brokerbey

brokerbey

Girişimci (Startup)
Founder
markayoneticisi
Katılım
25 Eki 2020
Mesajlar
386
Tepkime puanı
138
Sekme Değiştiğinde Title Değişmesi Nasıl Yapılır?

Öncelikle herkese selamlar;

Sizlere ziyaretçilerinizin ilgisini çekebilmeniz için oldukça faydalı bir bilgi vermek istiyorum.
Sizlerin de fark ettiği üzere sekmeler arası geçiş yaptığınız zaman şu görüntüyü görmüş olmanız muhtelemeldir.

1607497968425.png 1607498070559.png

Bu bilgi pek çok kişinin farkettiği ancak üzerinde durmadığı bir husus. Aslında etkisi kullanıcı üzerinde oldukça fazla. Ziyaretçinizin farklı bir sekmeye girdiğinde ilgisine tekrar kendi sitenize çekip, kullanıcıda merak uyandırmak için çok etkili bir yöntem. Kullanıcı sizin web sitenizin title bölümünde sizin belirlediğiniz bir yazıyı gördüğünde mutlaka sitenize bakmadan kapatmayacaktır. Şimdi gelelim bunun nasıl yapabileceğimize:

İki yöntem içinde yapılması gerekenler: </body> tag’in içerisine eklenmelidir.
Ya da document ready fonksiyonunun içinde olması yeterli olacaktır.

Yöntem 1:

Seçenekler halinde yapmak;
Bu yöntem sizlerin belirlediği title’ların hafızada kullanıcının kaç kez giriş çıkış yaptığını tutarak ona göre sıralı biçimde farklı title’ları kullanıcıya gösterir.

PHP:
$(function () {
 
var pageTitle = $("title").text();
var kacKere=0;
 
$(window).blur(function () {
kacKere++;
if(kacKere==1)
$("title").text("Niye gittin..");
else if(kacKere==2)
$("title").text("Geri gel :(");
else if(kacKere==3)
$("title").text("Gelsene :(");
else if(kacKere==4)
$("title").text("Küserim bak :(");
else if(kacKere>4)
$("title").text("Küstüm -_-");
});
 
$(window).focus(function () {
$("title").text(pageTitle);
 
if(kacKere>4)
$("title").text(":))) "+pageTitle);
});
});

Yöntem 2:
Basit tek bir kod satırı ile;

PHP:
var title = document.title;
var alttitle = "Buraya gelir misin lütfen";
window.onblur = function () { document.title = alttitle; };
window.onfocus = function () { document.title = title; };