2012-02-09 39 views
10

Có những dịch vụ như crazyegg.com cho bạn thấy nơi khách truy cập đang nghỉ con trỏ chuột trên trang web của bạn. Câu hỏi của tôi là, cho rằng mọi người có độ rộng màn hình khác nhau như thế nào họ có thể chắc chắn rằng tọa độ x của tôi là cùng một vị trí trên trang như một người khác x phối hợp? Có nghĩa là, hai người có thể có cùng tọa độ chuột x, nhưng vì màn hình có độ rộng khác nhau, con chuột của họ sẽ nằm trên một phần khác của trang web.Sơ đồ trang web có được dữ liệu chính xác như thế nào?

Làm cách nào để bạn có thể tạo dịch vụ bản đồ nhiệt trên trang web để xem xét điều này và có thể được chia tỷ lệ và sử dụng trên nhiều trang web khác nhau với các kích thước nội dung khác nhau?

+1

Điều này chỉ liên quan nếu trang của bạn được căn giữa. Nếu nó bắt đầu phía trên bên trái, độ phân giải không quan trọng. Tôi đã từng thử một dịch vụ như vậy, họ đã có những chỉ dẫn cụ thể để bố trí trung tâm. –

+0

Bằng cách sử dụng kết hợp chiều cao và chiều rộng của tài liệu, cùng với chiều cao và chiều rộng nội dung, bạn sẽ có thể tìm ra vị trí chính xác của con trỏ người dùng trên nội dung trang web của bạn. Nếu bạn biết có bao nhiêu phần đệm trên trang web của bạn (điều này có thể được giải quyết), thì nó thực sự khá đơn giản. –

+0

Có thể tự động lấy chiều cao và chiều rộng nội dung mà không cần chủ sở hữu trang web nhập vào không? – levi

Trả lời

1

Bạn có thể thu thập x & dữ liệu y theo yếu tố (như div nội dung chính) thay vì toàn bộ chế độ xem. Trong thời trang này, bạn có thể hủy không gian chết tùy theo độ phân giải của người dùng.

+0

Làm thế nào điều này có hiệu quả khi bạn cung cấp dịch vụ bản đồ nhiệt, được sử dụng trên nhiều trang web khác nhau? Có nghĩa là, khách hàng không thể dự kiến ​​nhập id div chính – levi

+0

@levi tại sao không? Việc cung cấp thông tin đặc biệt cho một dịch vụ để thay đổi hành vi mặc định của nó không phải là không phổ biến. – canon

+0

Tôi cho rằng chủ sở hữu trang web ban đầu vẽ một hộp giới hạn quanh nội dung trang web của anh ấy có thể hoạt động – levi

1

Bạn có thể thêm clickhandler vào phần thân hoặc trình bao bọc (tốt hơn khi nội dung của bạn được căn giữa trên màn hình bằng cách sử dụng margin: auto) giữ tất cả nội dung của trang. Việc truyền trong MouseEvent giữ màn hìnhX/Y và tọa độ clientX/Y, nơi trước đây là tọa độ bắt đầu ở góc trên cùng bên trái của màn hình và các tọa độ khác dựa trên góc trên cùng bên trái của phần thân hoặc phần bao bọc. Sử dụng tọa độ clientX/Y giúp dễ dàng tạo bản đồ nhiệt khiến bạn có cùng điểm khởi đầu tương đối so với nội dung của bạn trên các kích thước màn hình khác nhau.

+0

Mở rộng ý tưởng tốt đó. Bạn có thể tạo bản đồ nhiệt của bạn dựa trên yếu tố và chỉ cần đăng ký hoạt động chuột trong phần đó của màn hình. Không chính xác nhưng tôi nghĩ một hướng tốt. – Prospero

Các vấn đề liên quan