О решении
Предпосылки создания
Карта кликов помогает оценивать:
Функциональные возможности
Модуль «Аналитика кликов сайта» позволяет получить следующую информацию:
На основании полученных данных строится тепловая карта кликов и графики о посещении страниц портала.
Тепловая карта кликов
Общие сведения
Реализованы следующие возможности с использованием библиотеки heatmapjs для построения тепловой карты кликов:
Для сайтов с лицензией Битрикс Управление Сайтом необходимо выполнить следующие действия:
1. нажать на кнопку «Аналитика», как показано на рисунке ниже, на необходимой странице сайта.

В результате данных действий будет открыто диалоговое окно «Настройки фильтра», как показано на рисунке ниже;

Рис. 2 - Диалоговое окно «Настройки фильтра»
2. выбрать отчетный период показа тепловой карты кликов, как показано на рисунке ниже. Доступны следующие периоды:
a. «Этот месяц» - по данным полученным в текущем месяце (значение по умолчанию);
b. «Прошлый месяц» - по данным полученным в прошлом месяце;
с. «Эта неделя» - по данным полученным за текущую неделю;
d. «Прошлая неделя» - по данным полученным за прошлую неделю;
e. «За последние» - по данным полученным за последние 7 дней;
f. «Позже» - по данным полученным позже указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
g. «Раньше» - по данным полученным ранее указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
h. «Интервал» - по данным полученным в интервал между выбранными датами. При выборе данного значения под списочным полем будут отображены поля для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
i. «За все время» - по данным полученным за все время ведения статистики.
3. нажать на кнопку «Построить».
В результате данных действий будет закрыто диалоговое окно «Настройка фильтра» и отображена тепловая карта кликов с учетом параметров фильтрации. Цвет подложки тепловой карты кликов, а также его прозрачность настраиваются в настройках модуля. Пример отображения тепловой карты кликов на одной из страниц сайта представлен на рисунке ниже.
Рис. 3 - Пример отображения тепловой карты кликов на одной из страниц сайта
Для сайтов с лицензией Битрикс24 необходимо выполнить следующие действия:
1. нажать на кнопку со своими именем и фамилии на необходимой странице сайта. В результате данных действий будет отображено меню пользователя, как показано на рисунке ниже;
2. нажать на кнопку «Аналитика». В результате данных действий будет открыто диалоговое окно «Настройки показа», как показано на рисунке ниже;
3. выбрать пользователей (на основе статистики кликов выбранных пользователей будет построена карта кликов), временной промежуток и нажать на кнопку «Построить». В результате данных действий будет закрыто диалоговое окно «Настройка фильтра» и отображена тепловая карта кликов с учетом параметров фильтрации, как показано на рисунке 3.
Для выхода из показа тепловой карты кликов необходимо кликнуть в любом месте страницы в браузере.
Статистика посещения страниц сайта
Статистику посещения страниц сайта можно использовать для проектирования новых страниц сайта и изучения пользовательских паттернов.
В зависимости от лицензии сайта доступен просмотр графиков с использованием библиотеки AmCharts о посещениях страниц сайта на следующих страницах:
- количестве переходов по определенным URL сайта;
Рис. 6 - Пример показа информации в графическом виде о количестве переходов по определенным URL сайта
- о времени, проведенном на определенных страница сайта.

Рис. 7 - Пример показа информации в графическом виде о времени, проведенном на определенных страницах сайта
По нажатию на кнопку «Сбросить» будут осуществлены следующие действия:
1000 записей о клике по элементу страницы или о посещении страницы сайта занимают порядка 120 Кбайт. В зависимости от интенсивности взаимодействия пользователя с сайтом такое количество (1000) кликов достигается в среднем примерно за 2 часа интенсивной работы и такое количество просмотров (1000) достигается в среднем за 8 часов интенсивной работы. При одновременной работе большего числа пользователей существует риск быстрого исчерпания свободного места на жестком диске сайта. В связи с чем рекомендуется использование данного модуля как инструмента периодического действия, а также использование удаленной базы данных для хранения информации о кликах пользователей и посещений страниц.
Предпосылки создания
Карта кликов помогает оценивать:
- юзабилити сайта;
- выявлять наиболее кликабельные элементы;
- определять, какие элементы дизайна кажутся посетителям сайта ссылкой, но таковой не являются.
Функциональные возможности
Модуль «Аналитика кликов сайта» позволяет получить следующую информацию:
- о кликах пользователей сайта (как для лицензий Битрикс Управление Сайтов, так и для лицензий Битрикс24) на любых страницах за определенный период времени;
- о количестве переходов на страницы сайта;
- о времени, проведенном пользователями на страницах сайта.
На основании полученных данных строится тепловая карта кликов и графики о посещении страниц портала.
Тепловая карта кликов
Общие сведения
Реализованы следующие возможности с использованием библиотеки heatmapjs для построения тепловой карты кликов:
- для сайта с лицензией Битрикс Управление Сайтом - по данным всех пользователей сайта;
- для сайта с лицензией Битрикс24 - по данным выбранных пользователей. Реализована логика просмотра тепловой карты для руководителей подразделений: данные сотрудники могут видеть тепловую карту кликов, построенную по данным сотрудников, подчиненных им и находящихся в их подразделении, а также руководителей нижестоящих подразделений.
Для сайтов с лицензией Битрикс Управление Сайтом необходимо выполнить следующие действия:
1. нажать на кнопку «Аналитика», как показано на рисунке ниже, на необходимой странице сайта.

Рис. 1 - Кнопка «Аналитика»
В результате данных действий будет открыто диалоговое окно «Настройки фильтра», как показано на рисунке ниже;

Рис. 2 - Диалоговое окно «Настройки фильтра»
2. выбрать отчетный период показа тепловой карты кликов, как показано на рисунке ниже. Доступны следующие периоды:
a. «Этот месяц» - по данным полученным в текущем месяце (значение по умолчанию);
b. «Прошлый месяц» - по данным полученным в прошлом месяце;
с. «Эта неделя» - по данным полученным за текущую неделю;
d. «Прошлая неделя» - по данным полученным за прошлую неделю;
e. «За последние» - по данным полученным за последние 7 дней;
f. «Позже» - по данным полученным позже указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
g. «Раньше» - по данным полученным ранее указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
h. «Интервал» - по данным полученным в интервал между выбранными датами. При выборе данного значения под списочным полем будут отображены поля для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
i. «За все время» - по данным полученным за все время ведения статистики.
3. нажать на кнопку «Построить».
В результате данных действий будет закрыто диалоговое окно «Настройка фильтра» и отображена тепловая карта кликов с учетом параметров фильтрации. Цвет подложки тепловой карты кликов, а также его прозрачность настраиваются в настройках модуля. Пример отображения тепловой карты кликов на одной из страниц сайта представлен на рисунке ниже.

Рис. 3 - Пример отображения тепловой карты кликов на одной из страниц сайта
Для сайтов с лицензией Битрикс24 необходимо выполнить следующие действия:
1. нажать на кнопку со своими именем и фамилии на необходимой странице сайта. В результате данных действий будет отображено меню пользователя, как показано на рисунке ниже;

Рис. 4 - Пример отображения кнопки «Аналитика» в меню пользователя
2. нажать на кнопку «Аналитика». В результате данных действий будет открыто диалоговое окно «Настройки показа», как показано на рисунке ниже;

Рис. 5 - Диалоговое окно «Настройки показа»
3. выбрать пользователей (на основе статистики кликов выбранных пользователей будет построена карта кликов), временной промежуток и нажать на кнопку «Построить». В результате данных действий будет закрыто диалоговое окно «Настройка фильтра» и отображена тепловая карта кликов с учетом параметров фильтрации, как показано на рисунке 3.
Для выхода из показа тепловой карты кликов необходимо кликнуть в любом месте страницы в браузере.
Статистика посещения страниц сайта
Статистику посещения страниц сайта можно использовать для проектирования новых страниц сайта и изучения пользовательских паттернов.
В зависимости от лицензии сайта доступен просмотр графиков с использованием библиотеки AmCharts о посещениях страниц сайта на следующих страницах:
- для Битрикс Управление Сайта - в административной части портала по пути Сервисы -> Аналитика кликов сайта -> Статистика посещения страниц;
- для Битрикс24 - в публичной части сайта в разделе Компания. Для перехода на страницу статистики необходимо перейти по пути Компания -> Время и отчеты -> Статистика кликов.
- «Этот месяц» - по данным полученным в текущем месяце (значение по умолчанию);
- «Прошлый месяц» - по данным полученным в прошлом месяце;
- «Эта неделя» - по данным полученным за текущую неделю;
- «Прошлая неделя» - по данным полученным за прошлую неделю;
- «За последние» - по данным полученным за последние 7 дней;
- «Позже» - по данным полученным позже указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
- «Раньше» - по данным полученным ранее указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
- «Интервал» - по данным полученным в интервал между выбранными датами. При выборе данного значения под списочным полем будут отображены поля для ввода даты. При попытке ввода будет отображен календарь для выбора даты;
- «За все время» - по данным полученным за все время ведения статистики.
- количестве переходов по определенным URL сайта;

Рис. 6 - Пример показа информации в графическом виде о количестве переходов по определенным URL сайта
- о времени, проведенном на определенных страница сайта.

Рис. 7 - Пример показа информации в графическом виде о времени, проведенном на определенных страницах сайта
По нажатию на кнопку «Сбросить» будут осуществлены следующие действия:
- произведется очистка строки поиска пользователей;
- установлено значение поля «Отчётный период» на «Этот месяц»;
- удалятся графики на странице.
1000 записей о клике по элементу страницы или о посещении страницы сайта занимают порядка 120 Кбайт. В зависимости от интенсивности взаимодействия пользователя с сайтом такое количество (1000) кликов достигается в среднем примерно за 2 часа интенсивной работы и такое количество просмотров (1000) достигается в среднем за 8 часов интенсивной работы. При одновременной работе большего числа пользователей существует риск быстрого исчерпания свободного места на жестком диске сайта. В связи с чем рекомендуется использование данного модуля как инструмента периодического действия, а также использование удаленной базы данных для хранения информации о кликах пользователей и посещений страниц.
<b><b><span class="bx-font" style="color:#ff0000">Внимание!!! Решение работает на последних версиях Google Chrome, Opera, Microsoft Internet Explorer, Microsoft Edge, поддерживающих HTML5.</span></b><br /></b><b><br /></b><b>Перед установкой</b><br />Необходимо установить модуль «<a href="https://marketplace.1c-bitrix.ru/solutions/sprint.migration/" target="_blank" >Миграции для разработчиков</a>». Без установки данного решения установка модуля «Аналитика кликов сайта» невозможна.<br /><br /><b>Установка модуля</b><br />Для установки модуля необходимо выполнить следующие действия:<br /> 1. перейти в раздел «Маркетплейс» в административной части сайта;<br /> 2. найти решение «Аналитика кликов сайта» в перечне решений сайта;<br /> 3. нажать в меню с названием решения кнопку «Установить», как показано на рисунке ниже.<div align="center"><img src="https://dl3.joxi.net/drive/2024/10/01/0047/3614/3141150/50/0f173f1eae.jpg" border="0" width="800" height="190" data-bx-image="https://dl3.joxi.net/drive/2024/10/01/0047/3614/3141150/50/0f173f1eae.jpg" data-bx-onload="Y" /><br /><b>Рис. 1 - Пример отображения модуля «Аналитика кликов сайта» в списке модулей сайта</b></div> В результате данных действий будет осуществлен переход на страницу установки модуля, как показано на рисунке ниже; <img src="https://dl3.joxi.net/drive/2024/10/01/0047/3614/3141150/50/681c5418c0.jpg" border="0" width="800" height="202" data-bx-image="https://dl3.joxi.net/drive/2024/10/01/0047/3614/3141150/50/681c5418c0.jpg" data-bx-onload="Y" /><div align="left"><b> Рис. 2 - Пример отображения 2 шага установки модуля «Аналитика кликов сайта» </b> 4. выбрать лицензию сайта, на котором планируется использовать решение; 5. выбрать способ хранения данных о кликах и посещениях страниц пользователями; 6. установить частоту отправки данных на сервер о посещаемой странице; 7. нажать на кнопку «Установить». В результате данных действий модуль будет установлен, о чем будет выведено соответствующее сообщение.</div><b><br /></b><b>Настройки модуля:<br /></b>Настройки модуля расположены в административной части портала по пути <b>Настройки</b> -> <b>Настройки продукта</b> -> <b>Настройки модулей</b> -> <b>Аналитика кликов сайта</b> и представлены на следующих вкладках:<br /><ul><li>«Настройки».<br /></ul><div align="center"><img src="https://dl4.joxi.net/drive/2024/09/23/0047/3614/3141150/50/10a43947ba.jpg" border="0" width="800" height="366" data-bx-image="https://dl4.joxi.net/drive/2024/09/23/0047/3614/3141150/50/10a43947ba.jpg" data-bx-onload="Y" /><br /><b>Рис. 3 - Пример отображения вкладки «Настройки»</b></div> На данной вкладке возможно определить следующие настройки:<br /> - «Активность» - активен ли модуль (по умолчанию - активен);<br /> - «Тип системы»:<br /> - Битрикс24 (значение по умолчанию);<br /> - Битрикс Управление сайтом;<br /> - «Тип хранилища информации о кликах»:<br /> - «Локальное (в БД сайта) (значение по умолчанию)»;<br /> - «Удаленное (удаленный сервер)». При выборе данного значения добавляется опция «API URL» (строка для ввода IP-адреса удаленного сервера, например,<br /> «196.217.24.138» и кнопка «Тест подключения» для проверки соединения с удаленным сервером;<br /><ul><li>«Основное».<br /></ul><div align="center"><img src="https://dl3.joxi.net/drive/2024/09/23/0047/3614/3141150/50/be6709b551.jpg" border="0" width="800" height="332" data-bx-image="https://dl3.joxi.net/drive/2024/09/23/0047/3614/3141150/50/be6709b551.jpg" data-bx-onload="Y" /><br /><b>Рис. 4 - Пример отображения вкладки «Основное»</b></div><br /> На данной вкладке возможно определить следующие настройки:<br /> - «Частота отправки данных о посещении страницы, с» - частота отправки данных о посещении страницы на удаленный сервер в секундах (по умолчанию - 10 с). Рекомендуется отправлять данные на сервер с частотой в 10 секунд. Такая частота отправки позволит в случае возникновения нештатной ситуации, а именно:<br /> - закрытия вкладки браузера, при критической ошибке,<br /> - закрытия браузера, при критической ошибке,<br /> - потери соединения интернета, на длительный срок,<br /> - сбоя операционной системы<br /> сохранить максимально точно время завершения просмотра страницы;<br /> - «Цвет подложки тепловой карты кликов» - цвет в формате HEX подложки тепловой карты кликов (по умолчанию - «#2e2d93»);<br /> - «Прозрачность подложки тепловой карты, %» - прозрачность подложки тепловой карты выраженная в процентах (по умолчанию - «25»);<br /> - «Руководителей подразделений» - доступен ли функционал модуля помимо администратора портала еще и руководителям подразделения (только для сайтов Битрикс24);<br /> - «Пользователей»:<br /> - пользователи, которым доступно построение тепловой карты кликов и статистики посещения страниц пользователей в случае сайта с лицензией БУС;<br /> - руководители подразделений в случае сайта с лицензией Битрикс24;<br /><ul><li>«Доступ».<br /></ul><div align="center"><img src="https://dl4.joxi.net/drive/2024/09/23/0047/3614/3141150/50/dfb5a01327.jpg" border="0" width="800" height="258" data-bx-image="https://dl4.joxi.net/drive/2024/09/23/0047/3614/3141150/50/dfb5a01327.jpg" data-bx-onload="Y" /><br /><b> Рис. 5 - Пример отображения вкладки «Доступ»</b></div><br /> На данной вкладке возможно определить уровень доступа к настройкам модуля для определенных групп пользователей (штатный функционал Битрикс).<br /><br /><b>Настройки удаления статистики<br /></b>Существует возможность удаления статистики в следующих режимах:<br /><ul><li>по расписанию;<br /><li>вручную.<br /></ul><b><span class="bx-font" style="color:#ff0000">Внимание!!! Удаление данных возможно только той статистики, данные о которой хранятся в БД Битрикс.<br /></span></b><br />Для того, чтобы приступить к настройке удаления статистики, необходимо перейти в административную часть сайта по пути <b>Сервисы</b> -> <b>Администрирование</b> в подразделе (Аналитика кликов сайта), как показано на рисунке ниже. <img src="https://dl3.joxi.net/drive/2024/10/02/0047/3614/3141150/50/30114125d0.jpg" border="0" width="800" height="214" data-bx-image="https://dl3.joxi.net/drive/2024/10/02/0047/3614/3141150/50/30114125d0.jpg" data-bx-onload="Y" /> <b>Рис. 6 - Пример отображения экранной формы «Администрирование»</b><br /><br /><b>Удаление по расписанию</b><br />Для того, чтобы установить удаление статистики по расписанию необходимо выполнить следующие действия:<br /> 1. установить в значении поля «Удаление данных статистики» одно из следующих значений:<br /> а. «старше 1 месяца» - удаляются данные срок давности которых превышает 1 месяц;<br /> b. «старше 3 месяцев» - удаляются данные, срок давности которых превышает 3 месяца;<br /> с. «старше полгода» - удаляются данные, срок давности которых превышает полгода;<br /> d. «старше года» - удаляются данные, срок давности которых превышает 1 год;<br /> e. «старше числа дней» - удаляются данные, срок давности которых превышает заданное количество дней. При выборе данного значения справа от поля отображается поле для ввода количества дней;<br /> 2. выбрать в поле «Дата и время начала удаления статистики» дату и время начала удаления статистики в календаре, который будет отображен при попытке ввода данных в поле;<br /> 3. нажать на кнопку «Применить». В результате данных действий будет отображено диалоговое окно «Подтверждение удаления данных», как показано на рисунке ниже; <img src="https://dl3.joxi.net/drive/2024/10/02/0047/3614/3141150/50/6caf58a2ee.jpg" border="0" width="800" height="216" data-bx-image="https://dl3.joxi.net/drive/2024/10/02/0047/3614/3141150/50/6caf58a2ee.jpg" data-bx-onload="Y" /> <b>Рис. 7 - Пример отображения диалогового окна «Подтверждение удаления данных»</b><br /> 4. нажать на кнопку «Удалить».<br />В результате данных действий будет создан агент, который по расписанию будет удалять необходимые к удалению данные статистики.<br /><br /><b>Удаление вручную<br /></b>Существует возможность удалить данные статистики как за все время, так и только той, что соответствует параметрам фильтрации.<br />Для того, чтобы удалить всю статистику, необходимо выполнить следующие действия:<br /><ol><li>установить в значении поля «Удаление данных статистики» следующее значение «за все время»;<br /><li>выбрать, из каких таблиц следует удалять статистику (о кликах или о посещении страниц портала или и тех, и других) посредством отметки флажком полей «Кликов» и «О посещении страниц»;<br /><li>нажать на кнопку «Применить». В результате данных действий будет отображено диалоговое окно «Подтверждение удаления данных», как показано на рисунке 7;<br /><li>нажать на кнопку «Подтвердить».<br /></ol>В результате данных действий будет удалена вся раннее собранная статистика из выбранных таблиц.<br /><br />Для того, чтобы удалить только определенную статистику, необходимо выполнить следующие действия:<br /> 1. нажать на кнопку «Удалить принудительно». В результате данных действий будет отображено диалоговое окно «Настройка параметров удаления», как показано на рисунке ниже; <img src="https://dl4.joxi.net/drive/2024/10/03/0047/3614/3141150/50/3b727417d0.jpg" border="0" width="800" height="285" data-bx-image="https://dl4.joxi.net/drive/2024/10/03/0047/3614/3141150/50/3b727417d0.jpg" data-bx-onload="Y" /> <b>Рис. 8 - Пример отображения диалогового окна «Настройка параметров удаления»</b><br /> 2. выбрать значение из списка «Удалить данные статистики»:<br /> a. «за этот месяц» - удаляются данные полученные в текущем месяце;<br /> b. «за прошлый месяц» - удаляются данные полученные в прошлом месяце;<br /> с. «за эту неделю» - удаляются данные полученные за текущую неделю;<br /> d. «за прошлую неделю» - удаляются данные полученные за прошлую неделю;<br /> e. «за последнюю неделю» - удаляются данные полученные за последние 7 дней;<br /> f. «позже» - удаляются данные полученные позже указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;<br /> g. «раньше» - удаляются данные полученные ранее указанной даты. При выборе данного значения под списочным полем будет отображено поле для ввода даты. При попытке ввода будет отображен календарь для выбора даты;<br /> h. «за интервал» - удаляются данные полученные в интервале между выбранными датами. При выборе данного значения под списочным полем будут отображены поля для ввода даты. При попытке ввода будет отображен календарь для выбора даты;<br /> i. «по вхождению в ссылке» - удаляются данные полученные при нахождении пользователей на страницах сайта у который в URL входит указанное значение;<br /> j. «пользователя(-ей)» - удаляются данные полученные для указанного(-ых) пользователя(-ей) (штатный функционал выбора пользователей Битрикс);<br /> 3. выбрать, из каких таблиц следует удалять статистику (о кликах или о посещении страниц портала или и тех, и других) посредством отметки флажком полей «Кликов» и «О посещении страниц»;<br /> 4. нажать на кнопку «Удалить». В результате данных действий будет открыто диалоговое окно «Подтверждение удаления данных», как показано на рисунке 7;<br /> 5. нажать на кнопку «Удалить».<br />В результате данных действий будут удалены данные статистики, подпадающие под действие заданного фильтра.<br /><br />Существует возможность отказаться от удаления данных статистики по расписанию, для чего следует выполнить следующие действия:<br /><ol><li>установить в значении поля «Удаление данных статистики» следующее значение «не используется»;<br /><li>выбрать, из каких таблиц не следует удалять статистику (о кликах или о посещении страниц портала или и тех, и других) посредством отметки флажком полей «Кликов» и «О посещении страниц»;<br /><li>нажать на кнопку «Применить». В результате данных действий будет отображено диалоговое окно «Подтверждение удаления данных», как показано на рисунке 7;<br /><li>нажать на кнопку «Удалить».<br /></ol>В результате данных действий существующие агенты, осуществляющие удаления данных по расписанию, будут удалены.<br /><b><br /></b><b>Удаленная БД</b><br />Архив с файлами проекта для работы удаленной БД под управлением фреймворка Symfony, а также скрипты для создания таблиц удаленной БД находятся в файлах модуля. Данный проект является примером и требует наличие навыков в администрировании для развертывания удаленной БД. Если существует необходимость в развертывании других удаленных БД, необходимо использовать содержимое файлов, приведенных в примере.<br />
По всем вопросам, связанным с работой модуля, необходимо обращаться по адресу: <a href="mailto:lion.bitrix24@gmail.com" target="_blank" >lion.bitrix24@gmail.com</a>