Bir Web Sitesindeki Ziyaretçilerin Görsel İlgisinin Analizi
Merhabalar , bu yazımda sizlere web sitelerinde ziyaretçilerin ilgisinin mouse hareketleriyle nasıl analiz edilebileceğini anlatacağım.
Ziyaretçinin mouse hareketleri ve tıklama bilgilerinin analiz edilmesi websitesine eklenecek olan reklamların nerelerde konumlandırılacağı ile ilgili bizlere ipucular vermektedir. Ziyaretçinin hangi sayfada ve hangi alanlarda ne kadar vakit geçirdiğini tespit ederek hem kullanıcılara özel reklamlar ekleyebiliriz hem de kullanıcıların reklamlarla etkileşime geçmesini sağlayabiliriz
Mouse Hareketlerinin Tespit Edilmesi
Mouse hareketlerinin tespit edilip kaydedilmesi için hem istemci tarafında hem de sunucu tarafında çalışacak komutlara ihtiyacımız bulunmaktadır. İstemci tarafında ziyaretçinin mouse koordinatlarını sunucumuza POST Request isteği ile sunucuya iletilmesi, Sunucu tarafında ise istemciden gelen bilgilerin veri tabanına kaydedilmesi gerekmektedir. İstemci tarafında bilgilerin sunucuya aktarılmasını sağlamak için Javascript kullanılmıştır. Sunucu tarafında ise istemciden gelen istekleri algılamak ve verilerin veri tabanına kaydedilebilmesini sağlamak için Python-Flask kullanılmıştır.
İstemci tarafında Mouse Koordinatlarının Tespit Edilmesi ve Sunucuya İletilmesi
XMLHttpRequest bir sunucu ile istemci arasında tüm sayfayı yenilemeden veri aktarmak için kullanılan yerleşik bir JavaScript nesnesidir.
XMLHttpRequest kullanarak sayfayı kullanıcı eylemine göre güncelleyebiliriz.
Örneğin, sonsuz bir haber akışı. (Kullanıcı sayfayı sonuna kadar kaydırdığında, sonraki makaleyi getirmek ve verileri sayfaya eklemek için bir istekte bulunuruz).XMLHttpRequest kullanarak hem senkronize hem de asenkron istekler yapabiliriz.
Aşağıdaki kodu kısaca açıklamak gerekirse document.onmousemove kullanılarak mouse koordinatları tespit edilir ve eğer tespit edilmiş yeni bir mouse koordinatı varsa XMLHttpRequest için gerekli ayarları yaptıktan sonta websitene post isteği ile mouse koordinatlarını JSON formatında gönderilir.
İstemci tarafından gelen verilerin sunucuda kaydedilmesi
Sunucu tarafında ise istemciden gelen isteğimiz POST isteği ise içeriği ilgili taglarla eşleştirerek veri tabanına kaydediyoruz.
Verilerin Görselleştirilmesi
Tüm Blog Yazılarını GörüntüleProje Linki ve Medium Yazımı incelemek için;
Proje Github Linki:Github
Medium Linki:Medium