Fatih Hayrioğlu'nun not defteri » Google Analytics http://www.fatihhayrioglu.com { CSS, HTML ve Javascript } Thu, 09 Feb 2012 08:44:49 +0000 en hourly 1 http://wordpress.org/?v=2012 Google Analitics Asenkron Kod’a Geçiş http://www.fatihhayrioglu.com/google-analitics-asenkron-koda-gecis/ http://www.fatihhayrioglu.com/google-analitics-asenkron-koda-gecis/#comments Mon, 15 Feb 2010 10:34:37 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=1571 Bir çok sitede site trafiğini izlemek için insanlar google analitics hizmetini kullanıyor. Güzel bir hizmet, hemde ücretsiz. Bulunmaz bir nimet. Zaten daha önce paralı idi. Sonra google alınca ücretsiz yaptı.

Sitelerinin performansına dikkat eden herkesin gözüne takılmıştır google analitics’in kodları. Açıkçası ben sitemi yavaşlattığı için google analitics’ten vazgeçicektim. Bir aralar site çok yavaştı. O zamanlar düşünüyordum.

Google çalışanlarıda bu konudaki şikayetleri göz önüne alarak asenkron kod geliştirmişler. Asenkron kod sayesinden bir yandan google kodu çalışırken bir yandanda diğer içerikler taranabilme olanağı elde ediyor sistem, buda sitemizin daha hızlı açılmasını sağlayacaktır.

Kodlar aşağıdaki gibi;

<!DOCTYPE html>
<html>
<head>
<title>Başlık</title>
</head>
<body>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();
</script>
<!-- site icegi buradan sonra gelir -->
</body>
</html>

Kodumuz eskisi gibi karmaşık ama siz karmaşıklığa aldanmayın. Burada yapacağımız şey çok basit. 9. satırdaki UA-XXXXXXX-X kısım yerine gooagle analytics’in bize verdiği kodu yerleştirmek.

Burada dikkat edeceğimiz bir husus daha vardır. Normalde javascript kodlarının </head> öncesine yazmamız önerilir, sitemizin performansı için. Ancak asenkaron nalytics kodları <head> etiketi içinde yazmanız öneriliyor.

Sonuçta ben kullanıyorum gayet iyi, hızlandı site. Çok büyük beklentiye girmeyin ama hızda bir atış olduğu hissediliyor.

Kaynak

]]> http://www.fatihhayrioglu.com/google-analitics-asenkron-koda-gecis/feed/ 25 03 Eylül Web’den seçme haberler http://www.fatihhayrioglu.com/03-eylul-webden-secme-haberler/ http://www.fatihhayrioglu.com/03-eylul-webden-secme-haberler/#comments Wed, 03 Sep 2008 08:32:15 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=582
  • Hasan Yalçın sitesini yenilemiş. Hayırlı olsun. Bağlantı 
  • Bu aralar yazı tipi gömme işleri üzerine bayağı bir çalışma var. Bence çok gecikmiş bir özellik umarım tüm tarayıcılar anlaşırlarda iş tatlıya bağlanır. Bağlantı 
  • Internet Explorer 8.0 Beta 2 yayınlanmış. Bağlantı 
  • Internet Explorer 8.0 Beta 2 ile gelen güvenlik yenilikleri – daron.yondem.com Bağlantı 
  • display-inline:block hakkında güzel bir makale. Bağlantı 
  • Ağustos ayında yayınlanmış güzel makaleler. Süper derleme Bağlantı 
  • Web tasarımlarınızın erişebilirliğini ölçebileceğimiz 10 araç. Bağlantı 
  • 30 günde mootools öğrenmeyi anlatan güzel bir site. Bağlantı 
  • Birebir tasarıma uygun kod yazmak için güzel bir yöntem. Bağlantı 
  • Internet Explorer 6′yı engelleyelim. Bağlantı 
  • FireFox, Internet Explorer, Safari ve Opera’ya göre filtreleme yapmak. Bağlantı
  • Google internet tarayıcı sektörünede girdi. Google Chrome adlı yeni tarayıcı rekabeti kızıştıracak gibi. Bağlantı 
  • Google Chrome çıktı. Hızlı, sade ve güven veriyor. Stadandartları destekliyor. Acid 2 testinden tam puan aldı. İndirmek için tıklayınız. Özelliklerini incelemek için tıklayınız  Bağlantı
  • Html elemanlarının CSS testini sağlamak için hazırlanmış güzel bir html dosyası. Bağlantı 
  • jQuery’nin güzel bir eklentisi jParallax. Bağlantı 
  • Profoyonel sitelerden temel olarak nasıl yardım alabilriz. Bağlantı 
  • Modern web sitelerinde javascript’in yeri. Bağlantı 
  • Çok kademeli sitler için güzel bir menü örneği. Bağlantı 
  • Google Analitics ipuçları. Bağlantı 
    • ]]>     http://www.fatihhayrioglu.com/03-eylul-webden-secme-haberler/feed/ 0     24 Mart 2008 web’den seçme haberler http://www.fatihhayrioglu.com/24-mart-2008-webden-secme-haberler/ http://www.fatihhayrioglu.com/24-mart-2008-webden-secme-haberler/#comments Sun, 23 Mar 2008 22:04:08 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=476
  • Not defterimin yorum kısmını biraz değiştirdim. Görsel olarak biraz daha güzelleşti, avatar kısmını kaldırdım, yorum sayısı ekledim, ardışık yorumlara farklı renk tanımladım, yönetici yorumlarının görünümünü değiştirdim. Umarım beğenirsiniz.
  • Safari 3.1 sürümü çıkmış. Yeni standartları destekliyor. Bağlantı
  • Ajax ile yapılmış form denetimi yapan kod listesi. Bağlantı
  • CSS ile form alanları kontrol etmek için yazılmış güzel bir makale. Bağlantı
  • Asp.net uygularımızda Flash Grafikleri kullanımını anlatan güzel bir örnek. Bağlantı
  • Google Analitics’e alternatif siteler ve uygulamalar. Bağlantı
  • Mootools kullanılarak yapılmış güzel bir kaydırma çubuğu örneği. Bağlantı
  • Asp.net açık kaynak olma yolunda hızla ilerliyor. Asp.net MVC kaynak kodlarını yayınladı. Bağlantı
  • 4 adımda site yapmayı anlatan cameronmoll.com 3. yazısında ajax ile içerik kısmını anlatmış. Bağlantı
  • Apple’ın tarayıcısı Safari’nin yeni sürümünde web geliştiriciler için güzel bir araç var sitenizi farklı tarayıcılardaki görünümünü bizlere sunuyor. Gerçekten hoş olmuş. Başlangıçta bu menü pasif geliyor aktifleştirmek için Edit -> Preferences.. oradanda Advanced sekmesinden “Show Devolop menu in menu bar” yazısını yanındaki işaret kutucuğunu işaretlemelisiniz. Bağlantı
  • “CSS kod düzeni ve okunabilirlik” Bağlantı
  • CSS ile mesaj kutuları yapmak. Bağlantı
  • “WPF – Windows Presentation Framework Nedir?” Bağlantı
    • ]]>     http://www.fatihhayrioglu.com/24-mart-2008-webden-secme-haberler/feed/ 3     24 Aralık 2007 Web’den Seçme Haberler http://www.fatihhayrioglu.com/24-aralik-2007-webden-secme-haberler/ http://www.fatihhayrioglu.com/24-aralik-2007-webden-secme-haberler/#comments Mon, 24 Dec 2007 19:30:05 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=435
  • Nihayet e-posta sorununu hallettik. Yardımları için Ceyhun‘a teşekkürler.
  • Asp.net adapte edilmiş lightbox uygulaması. Bağlantı
  • Ajaxian javascript kütüphane kullanımı için yaptığı anket sonuçlanmış. Bağlantı
  • Microsoft IE8 ile birlikte CSS3 ün özelliklerinden grid desteği geleceğine dair haberler var. Bağlantı
  • CSS kod yazım teknikleri. Bağlantı
  • Basit bir şekilde CSS yapısı oluşturmak isteyenler için linkler. Bağlantı
  • IE8 çalışmaları devam ediyor, betası 2008′in ilk yarısında bekleniyor. Yeni sürümünün standartlara daha uygun olacağı anlaşılıyor. Web standartlarına uygunluğu test eden Acid2 testinden geçmiş. Bağlantı
  • Güzel bir resim galerisi uygulaması. Bağlantı
  • Ahmet Küçükoğlu “Css ile Lightbox(ışık Kutuları) Hazırlama” Her ne kadar js yapılanlar kadar estetik olmasa da güzel bir alternatif Bağlantı
  • Güzel tasarım için renk ve tipografi. Bağlantı
  • Google Analytics kodunuzu değiştirin! Bağlantı
  • SmashMagazine wordpress temasına bir göz atın. Bağlantı
    • ]]>     http://www.fatihhayrioglu.com/24-aralik-2007-webden-secme-haberler/feed/ 5     13 Aralık 2007 Web’den Seçme Haberler http://www.fatihhayrioglu.com/13-aralik-2007-webden-secme-haberler/ http://www.fatihhayrioglu.com/13-aralik-2007-webden-secme-haberler/#comments Thu, 13 Dec 2007 12:00:53 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=432
  • Online site planlama aracı. Bağlantı
  • Team Fondation Server’a Giriş. Team Foundation Server, kurumsal projeler için tasarlanmış, takım içerisindeki iletişimi ve buna bağlı olarak verimi arttırarak, iş durumunu izleme, takım rollerini yönetme, iş süreçlerini çıkartma ve sunduğu araçlarla proje yönetimini kolaylaştırarak ürünü ortaya çıkartmada etkin rol oynar. Bağlantı
  • CSS ile site planlamak hakkında yazılmış güzel bir makale. Bağlantı
  • Hangi javascript kütüphanesini kullanmalıyım? Bağlantı
  • Tasarımcılar için 10 güzel ipucu. Bağlantı
  • 2007 Web trendleri ve klişeleri. Bağlantı
  • Yeni bir CSS kütüphanesi. Bağlantı
  • Tipografi: metin kontrast ve akışını ayarlama. Bağlantı
  • CSS ile doküman ikonlarını eklemek. Tek sorun IE6′nın bunu desteklememesi. Bağlantı
  • CSS2 ve CSS3 arasındaki renk tanımlama farklılıklarını anlatan bir makale. Bağlantı
  • Ücretli günlük uygulamalarında Movable Type açık kaynak olmuş, yani artık ücretsiz. Bağlantı
  • Google Analitics artık farklı veri türleri ile karşılaştırma imkanı sunuyor. Bağlantı
  • 47 adet css ve ajax ile yapılmış form örnekleri. Bağlantı
    • ]]>     http://www.fatihhayrioglu.com/13-aralik-2007-webden-secme-haberler/feed/ 1     10 Mayıs 2007 Web’den Seçme Haberler http://www.fatihhayrioglu.com/10-mayis-2007-webden-secme-haberler/ http://www.fatihhayrioglu.com/10-mayis-2007-webden-secme-haberler/#comments Thu, 10 May 2007 20:10:04 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=317
  • HTML editörlerinden kolayca düzenlenebilir ve kullanışlı bir örnek. Link
  • Bir çok javascript kütüphanesi var ve kullanmak biraz araştırma ve bilgi gerektiriyor bunu düşünenler MooTools için eğitim videoları hazırlamışlar. Link 
  • Google’un site analiz aracı Google Analytics in yeni versiyonunu duyurdu. Link Türkçe ayrıntılı bilgi için Link. 
  • 5 unutulmuş Html elementini anlatan güzel bir İngilizce makale. Link
  • 70 adet en iyi CSS kodu’nun sıralandığı mükemmel bir makale. Herkese bu makaleyi favorilerine eklemesini öneririm. Link
  • JQuery ile kolayca ajax kullanmayı anlatan İngilizce makale. Link
  • CSS ile Mac menü yapımını anlatan bir makale. Görünüm harika. Link
  • MooTools’dan güzel bir akordiyon menü örneği. Link
  • dahaiyinet çok güzel bir çeviri makale “SEO Etik Kurallar Çerçevesi” hazırlamış herkese okumasını öneririm. Link
  • Hasan Yalçın yazmaya bizde okumaya devam ediyoruz. Web2.0 rehberinde yeni yazı “Web 2.0 Tasarım Rehberi – Yansıma, İkon ve Flaşlar” Link
  • Mynet video servisi açmış. Mynet VDO. Link
    • ]]>     http://www.fatihhayrioglu.com/10-mayis-2007-webden-secme-haberler/feed/ 2     18 Ocak 2007 Web’den seçme haberler http://www.fatihhayrioglu.com/18-ocak-2007-webden-secme-haberler/ http://www.fatihhayrioglu.com/18-ocak-2007-webden-secme-haberler/#comments Wed, 17 Jan 2007 22:03:35 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=253 18 Ocak 2007 Web’den seçme haberler

    • Erişebilirlik açısından yapılan genel yapılan hatalar hakkında bir makale Link
    • HTML 5 ve XHTML 2.0 çalışmaları başlamış. Link
    • WordPress 2.0.7 versiyonu çıktı. PHP güvenlik açığı ve Feedburner sorunu yeni versiyonun çıkmasına neden olmuş. Link
    • Internet Explorer 7 Türkçe çıktı. Ayrıca IE 8.0 versiyonu çalışmalarına başlamış. Link
    • blogcu.com kendini yenilemiş. Link
    • Ajax ile hazırlanmış güzel bir online web sitesi hazırlama sitesi Link
    • CSS ve javascript ile hazırlanmış linklere favori ikonlarını ekleme kodu. Link
    • Wikipedia için özel motoru: Wikiseek Link
    • WordPress şžablonlarındaki 10 değişim Link
    • Google Analytics tüm referer linklerini elde etmek için küçük bir kod Link
    • dmry.net’den “CSS ile basit bir ilerleme durum çubuğu yapımı” makalesi Link
    ]]>     http://www.fatihhayrioglu.com/18-ocak-2007-webden-secme-haberler/feed/ 0     Uzun zamandır üye olmayı ertelediğim Google Analytics’e üye oldum sonunda http://www.fatihhayrioglu.com/uzun-zamandir-uye-olmayi-erteledigim-google-ana/ http://www.fatihhayrioglu.com/uzun-zamandir-uye-olmayi-erteledigim-google-ana/#comments Thu, 12 Oct 2006 03:19:55 +0000 fatih.hayrioglu http://www.fatihhayrioglu.com/?p=186 Çoktandır üye olmak istiyordum ama nasip şimdiye imiş, açıkçası geç kaldığıma üzüldüm çok şeyler kaçırmışız.

    Ayrıntılı bilg için tıklayınız (tr).

    Üye olmak için google.com/analytics/ tıklayınız.

    ]]>     http://www.fatihhayrioglu.com/uzun-zamandir-uye-olmayi-erteledigim-google-ana/feed/ 1