JavaScript ile Cookie (Çerez) Kullanımı

javascript cookie çerez kullanımı Cookieleri sık kullanıdığımız sayfalarda cookie oluşturmak ve okumak için Javascript fonksiyonu tanımlamak yararlı olur.
Aşağıda setCookie ve getCookie tanımlanmıştır. setCookie sırasıyla cookie ismi, cookie’nin değeri ve ne kadar süre saklanacağı parametrelerini almaktadır.

 
 
 


<script type="text/javascript" charset="utf-8">
function setCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}
</script>

 
Sonrasında bu fonksiyonları kullanarak cookie’mizi okuyalım ve alert ile ekrana yazdıralım, eğer bulamazsak cookie oluşturalım.


<script type="text/javascript" charset="utf-8">
    var cerez1Deger = getCookie("cerez1");

    if (cerez1Deger == null) {       
        setCookie("cerez1", "deger", 1);
    }
    else{
    alert("Çerez bulundu:"+cerez1Deger);
    }
</script>
Reklamlar

Javascript ile Tarayıcı Belirleme

tarayıcılarJavascript kullanarak kullanıcının hangi tarayıcıyı kullandığını belirleyebilirsiniz.

Aşağıdaki kod ile Internet  Explorer, Firefox, Chrome ve Yandex tarayıcıları ayırt edebilirsiniz.

Dilerseniz kendiniz diğer tarayıcıları da ekleyebilirsiniz


<script type="text/javascript">

var browser= "Belirsiz";

if(navigator.appName=="Microsoft Internet Explorer")
{
browser="ie";
}
else if(navigator.userAgent.toLowerCase().indexOf('yabrowser') > -1){
browser="yandex";
}
else if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1){
browser="chrome";
}
else if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
browser="firefox";
}
alert("Tarayıcınız: "+browser);

</script>

Temel SEO Kriterleri

Bilinenin aksine SEO çalışması yapabilmek için yazılım bilgisine sahip olmanıza gerek yok. Sitenizi oluştururken dikkat etmeniz gerek bazı temel kriterler sitenize diğer bir çok SEO çalışmasından daha fazla değer katabiliyor.

Bu yazımda  bu temel kriterlerden bahsedeceğim.

  1. Özgün İçerik
    Kesinlikle sitenizde kopya içerik bulundurmayınız. Google bunu fark edecek ve sizi kopyacı olarak değerlendirecektir. Tabi ki sürekli özgün içerik üretemeyiz ama bunun da yolu var. Paraphrase! Yani yayınlamak istediğimiz içeriği okuyup kendi cümlelerimizle yazacağız. Emin olun Google verilen her emeği değerlendirir.
  2. Periyodik Güncellemeler
    Google’ın güncellenen siteleri sevdiğini biliyoruz ama dikkat etmemiz gereken bir diğer nokta sitemizi düzenli güncellemek. Örneğin haftada bir kere gireceğimiz 10 içerik yerine hergün 1 içerik girmek daha önemli. Hatta yapabiliyorsanız içeriklerinizi hergün aynı saatlerde güncelleyin. Google bunu da fark edecek ve sizi o saatlerde düzenli olarak ziyaret edecektir.
  3. Link Alıp Vermek
    Bu madde çok kritik, çünkü hatalı link alışverişi yarar beklerken bize zarar da verebilir. Bu yüzden Google için iyi bir site olmak, iyi sitelerle alışveriş yapan bir site olmaktan geçiyor. İyi site derken; düzgün içerikli, SEO çalışması yapılmış sitelerden bahsediyorum. Bunun yanında link alışverişinde dikkat etmeniz gereken bir diğer nokta , sizinle aynı kategoride bulunan sitelerden link alıp vermektir.
  4. Site İçi Uyum
    Sitemizin Adı, Başlığı, Resim isimleri ve içeriği uyum içerisinde olmalıdır.
  5. İmla ve Dil Kuralları
    Google’ın dil işleme de ne kadar ileri gittiğini Google Translate’ten biliyoruz. Google aynı şekilde sitenizin içeriğinin de imla ve dil kurallarına uygun olmasına önem veriyor.
  6. Tüm Tarayıcılarda Sorunsuz Çalışma
    Çok atlanılan bir konu, sitemizin başta Crome, Firefox ve Explorer olmak üzere Safari, Netscape ve Opera tarayıcılarında sorunsuz çalışmasını sağlamalıyız.

Başta da bahsettiğim gibi sitemizin yukarıdaki maddeler ile uyumunu sınamamız için herhangi bir yazılım bilgisine sahip olmamız gerekli değil.

 

Sayfalarımıza Favicon Eklemek

Tarayıcıda sayfa tablarının sağında gördüğümüz küçük resimlere favicon diyoruz. Bunları siz de sayfalarınıza ekleyebilirsiniz.

Faviconlar genellikle .ico uzantılı resim dosyalarıdır. Ancak güncel tarayıcılar .gif ve .png uzantılarını da gösterebilmektedirler.

Örneğin resim.png adlı dosyamızı favicon yapmak istiyoruz. Öncelikle bu resmi paint ya da benzeri bir programla fazla yer kaplamaması için küçültelim.

Şeklinin güzel gözükmesi için kırparak kare bir şekil verelim. Sonrasında bunu yayınlayacağımız sayfa ile aynı klasöre koyalım ve adını favicon.png olarak kaydedelim.

Son olarak yayınlamak istediğimiz sayfalarımıza aşağıdaki html kodunu ekleyelim.


<link rel="shortcut icon" href="favicon.png" />

Internet Explorer Farkı Tarayıcı Versiyonları İçin Css Tanımlama

Internet Explorer tarayıcılar arasında en çok problem çıkaran olarak öne çıkıyor.

Bu yazımızda şartlı yorum kullanarak sayfamızın kullanacağı css kodunu belirleyeceğiz. Şartlı yorumlarda kod eğer koşulu sağlamıyorsa yorum olarak algılanmaktadır.
Bu sayede hangi css dosyasının kullanılacağını seçebiliyoruz.


<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" /><![endif]-->

Bu durumda kullanıcı ie6 kullanıyorsa style.ie6.css, ie7 kullanıyorsa style.ie7.css diğer tüm tarayıcılar için ise style.css aktif olacaktır.

Ayrıca <!- -[if lte IE 6]> şeklinde tanımlayarak ie6 ya da daha düşükse olarak tanımlayabiliyoruz.

Not: Bu özelliği sadece internet explorerda kullanabilimekyiz.

JavaScript ile Browser Bilgileri Görüntüleme

Browser bilgilerimize aşağıdaki şekilde ulaşabiliriz.


<div id="browser-bilgileri"></div>
<script type="text/javascript">

bilgi = "<p>Browser : " + navigator.appCodeName + "</p>";
bilgi+= "<p>Browser İsmi: " + navigator.appName + "</p>";
bilgi+= "<p>Browser Versiyonu: " + navigator.appVersion + "</p>";
bilgi+= "<p>Çerezler Aktif mi: " + navigator.cookieEnabled + "</p>";
bilgi+= "<p>Platform: " + navigator.platform + "</p>";
bilgi+= "<p>UserAgent: " + navigator.userAgent + "</p>";

document.getElementById("browser-bilgileri").innerHTML=bilgi;

</script>