網站地圖如何獲得準確的數據？

有像crazyegg.com這樣的服務可以顯示訪問者在您的網頁上放置鼠標光標的位置。我的問題是，鑑於人們擁有不同的屏幕寬度，他們如何確保我的x座標與其他人的x座標在頁面上的位置相同？也就是說，兩個人可能具有相同的鼠標x座標，但由於屏幕寬度不同，他們的鼠標將位於網頁的不同部分。網站地圖如何獲得準確的數據？

如何創建一個網頁熱圖服務，將其納入考慮範圍，並且可以跨多個不同內容大小的不同網站進行縮放和使用？

來源

2012-02-09 levi

這隻與頁面居中時相關。如果它從左上角開始，分辨率無關緊要。我曾嘗試過這樣的服務，他們對中心佈局有專門的指示。 – 2012-02-09 20:22:34

通過使用文檔高度和寬度以及內容高度和寬度的組合，您將能夠計算用戶光標在網站內容上的確切位置。如果你知道你的網站有多少填充（這可以算出來），那麼它確實很簡單。 – 2012-02-09 20:22:37

是否可以動態獲取內容高度和寬度，而不需要網站所有者輸入內容？ – levi 2012-02-09 20:28:52

您可以通過元素（如主內容div）而不是整個視口來收集數據x &。以這種方式，您可以丟棄受用戶解析影響的死區。

來源

2012-02-09 20:22:18 canon

當您提供熱圖服務時，這將如何工作，以便在多個不同的網站上使用？意思是，客戶不能期望輸入主要部分Id @ – levi 2012-02-09 20:27:38

@levi爲什麼不呢？向服務提供特殊信息以改變其默認行爲並不罕見。 – canon 2012-02-09 20:31:14

我想網站所有者最初在他的網站上繪製一個邊界框可以工作 – levi 2012-02-09 20:42:11

您可以將clickhandler添加到正文或包裝div（最好是當您的內容在屏幕上居中時使用margin: auto），該頁面包含頁面的所有內容。在MouseEvent中傳入的值將保持screenX/Y和clientX/Y座標，其中前者是從屏幕左上角開始的座標，另一個是基於body或wrapper div的左上角的座標。使用clientX/Y座標可以輕鬆創建熱圖，因此您可以通過不同的屏幕尺寸獲得與您的內容相同的起點。

來源

2012-02-09 20:31:42

擴展這個好主意。您可以根據元素生成熱圖，並在屏幕的該部分簡單地註冊鼠標活動。並不準確，但我認爲是一個好方向。 – Prospero 2012-02-09 20:36:51

網站地圖如何獲得準確的數據？

回答

相關問題