Карта кліків на сайті власноруч (heatmap.js і clickheat)

Одним із трендів веб-аналітики останнім часом стали теплові карти кліків. Облік кликабельности різних зон сайту (банерів ..!) Дозволяє раціонально розміщувати рекламу або кращі пропозиції для відвідувачів, цим підвищувати конверсію ресурсу. У ряді випадків стандартних можливостей сервісів аналітики недостатньо, тому запропоную два простих рішення, на основі яких можна зробити свою власну карту кліків.

Відео: Heatmaps - Click

1. Heatmap.js - безкоштовна javascript бібліотека. Візуалізує кліки і руху мишею за допомогою HTML5 canvas, графічна частина легко налаштовується (кольору, розміри і т.д.). По суті, це лише мала частина вирішення нашої задачі, що вимагає написання модуля збору інформації, виведення даних і т.д.

Відео: Click Heat Dynamo

• Демо: https://patrick-wied.at/static/heatmapjs/demo/realtime_heatmap/mousemove.html
• Сайт та завантажити: https://patrick-wied.at/static/heatmapjs/

2. ClickHeat - безкоштовний php скрипт, це вже повністю готове рішення, як щодо збору так і в частині виведення статистики.

Відео: Click Heat Dynamo WordPress Plugin Review | Empower You

• Демо (логін і пароль: demo): https://labsmedia.com/admin/clickheat/index.php
• Сайт: https://labsmedia.com/clickheat/index.html
• Завантажити: https://sourceforge.net/projects/clickheat/files/clickheat/