UYGULAMALAR
-
JavaScript ile Mouse Takibi
-
JavaScript' in onlarca özelliğini günden güne keşfetmeye devam ediyorum :) Bugünki mouse takip uygulamam da bunlardan birisi :)
-
İnternet sayfalarında mouse takibinin veya mouse konumunun önemi, kullanıcı sitemize girdiğinde bastığı butonları tespit etmek ve bu sayede en çok kullanılan sekmeleri anlamamıza olanak sağlar. Bu sayede özellikle bir E-ticaret sitesinde kullanıcının ilgi odaklarını anlayıp onlara ilgilendikleri alanlarla ilgili sayfaların gelmesini sağlayabliriz. Mouse takip olayıyla ısı haritası çıkarabilir ve çoğunlukla girilen sekmeleri veya girilen sekmelerde tıklanan alanları analiz edebiliriz. Bu yaptığımız analizler sayesinde pazarlama anlamında kazancımızı katlama imkanımız veya daha çok ürün satma imkanımız bulunmaktadır. Aşağıda mouse takibi yapan Script' i inceleyebilirsiniz.
-
Bu scripti kullandığınızda imlecin fare hareketini takip ettiğini ve takip ederken değiştirdiği konumu koordinat düzlemine göre görebilirsiniz.
Belirli bir canvas içinde de fare hareketinin peşinde dolaşan kırmızı noktayı görebilirsiniz. Kırmızı nokta imlecin bulunduğu konumu gösterir. 
-
Şimdide mouse event yani fareye tıklanma olayında farenin konumunu koordinat düzlemine göre yazdıran scripti inceleyelim.
Mouse takibini yaparken kullandığımız fonksiyonun bir benzerini konumu yazdırırken kullanacağız. Mouse' un konumunu yazdıran script aşağıdaki gibidir. 
-
Bu konumu NodeJS kullanarak bir veritabanında saklayabiliriz ve sakladıktan sonra bu verileri veritabanından çekip işleyebiliriz. Bu verilerde en çok kullanılan konumlardaki sekmeleri veya en çok tıklanan butonları izleyebiliriz. Uygulamanın çalışan haline aşağıdaki linkten ulaşabilirsiniz.
-
İyi çalışmalar :)