Відвідуваність показує, скільки людей відкрили сторінку. Карта кліків показує, що вони на ній робили: куди клікають, що пропускають, де чекають посилання, якого немає, і до якого місця взагалі догортають. Усе малюється поверх самого сайту, а не таблицею.
Розділ — Маркетинг → Карта кліків у CRM, тариф Pro. У ньому два режими:
- Кліки — теплова карта: що більше кліків по місцю, то червоніша пляма. Поруч — список елементів, по яких клікають найчастіше.
- Прокрутка — сторінка розфарбована за тим, яка частка переглядів дійшла до цієї висоти, з лініями «сюди догорнули 75%, 50%, 25%, 10%».
Як увімкнути
Поставте скрипт віджета на сайт
Той самий один тег, що й для статистики та заявок, — швидкий старт. Якщо він уже стоїть, нічого додавати не треба.Увімкніть збір на сторінці карти
Маркетинг → Карта кліків, перемикач «Збір кліків» угорі сторінки. Збір вимкнений за замовчуванням: кліки на живому сайті — це багато даних, і накопичувати їх варто лише там, де карту дивитимуться.Дочекайтеся перших відвідувачів
Віджет дізнається про перемикач протягом десяти хвилин — він запам’ятовує відповідь, щоб не питати сервер на кожній сторінці. Після цього кожен клік і кожна прокрутка потрапляють на карту, а в CRM їх видно за кілька секунд.
Що збирається, а що — ні
Для кожного кліку віджет надсилає:
- елемент, по якому клікнули, — короткий CSS-шлях на кшталт
#top>div:nth-of-type(1)>button:nth-of-type(1); - місце всередині елемента — частки його ширини й висоти, щоб точка лягла на ту саму частину кнопки на будь-якому екрані;
- запасну точку на сторінці — на випадок, якщо елемента в нинішній верстці вже немає;
- ширину вікна — за нею клік відносять до телефона (вужче 768 px), планшета (768–1023 px) чи комп’ютера;
- «клік повз» — чи влучив він у посилання або кнопку, чи в картинку, текст і порожнє місце.
Для кожного перегляду сторінки — до скількох відсотків її висоти людина догорнула.
Не збирається ніколи: текст елементів, те, що вводять у поля, натискання клавіш і рухи миші. За кліком у поле введення на карту потрапляє лише саме поле, а не те, що в ньому написано. Кліки по нашому ж чату та вікну входу на карту не потрапляють.
Як дивитися карту
CRM відкриває сторінку вашого сайту в рамці на всю ширину — так само, як Live, — і віджет малює поверх неї плями або смуги прокрутки. Над рамкою:
- Кліки або прокрутка — режим карти.
- Пристрій — комп’ютер, планшет або телефон. Рамка набирає ширину пристрою, і кліки лягають на ту верстку, у якій їх зробили.
- Сторінка — список сторінок із кліками за період, найбільш клікабельні зверху. Шлях можна й набрати.
- Період — 7, 30, 90 днів або свій.
- Кнопки перезавантажити сторінку в рамці та відкрити її на сайті в новій вкладці.
Під ними — рядок із цифрами вибраної сторінки. У режимі кліків: скільки кліків, скільки відвідувачів клікали і яка частка кліків припала повз посилання. У режимі прокрутки: скільки переглядів, середня глибина і скільки переглядів дійшли до 25, 50, 75 і 100% сторінки.
Кнопка «Куди клікають» у тому ж рядку відкриває поверх рамки список елементів, по яких клікають найчастіше. Підписи беруться з самої сторінки — текст кнопки, підпис картинки, — а не з даних відвідувачів. Натисніть рядок — елемент прокрутиться в центр і підсвітиться. Перехід за посиланням усередині рамки відкриває карту тієї сторінки, куди ви перейшли.
Кліки повз посилання
Частка «Повз посилання» і мітка «не посилання» у списку — найкорисніші підказки карти. Це кліки по картинці товару, заголовку, ціні: людина чекала, що за ними можна перейти, а нічого не сталося. Часто це прямий список правок — зробити картинку посиланням на товар, перетворити заголовок картки на кнопку.
Прокрутка
У режимі прокрутки колір показує, яка частка переглядів дійшла до цієї висоти: червоний — бачать усі, синій — майже ніхто. Пунктир із підписом — місце, де перестає гортати кожен четвертий, половина і так далі. Якщо важливий блок — ціни, форма заявки — лежить нижче лінії 25%, його бачить менше чверті відвідувачів.
Хто бачить карту і хто вмикає збір
- Власник сайту — усе: дивиться карту і вмикає або вимикає збір.
- Менеджери — за правом на розділ «Маркетинг · Карта кліків» у Менеджерах: «Перегляд» — відкрити карту, але не чіпати перемикач; «Правка» — ще й вмикати або вимикати збір. Без права розділу в меню немає.
- Кожне ввімкнення і вимкнення збору записується в Журнал сайту: хто і коли.
Карта кліків є лише в тарифі Pro. Якщо тариф змінився на той, де її немає, або CRM закрилася після закінчення оплаченого періоду, збір зупиняється сам — навіть за ввімкненого перемикача нові кліки не записуються. Зібране залишається до кінця свого строку зберігання і знову видно, коли розділ повернеться.
Що потрібно від сайту
- Скрипт віджета на сторінках, які ви хочете бачити на карті.
- Дозвіл відкривати сайт у фреймі CRM — той самий, що й для Live: заголовки X-Frame-Options і frame-ancestors. Без нього кліки однаково збираються, але накласти їх на сторінку CRM не зможе.
- Розмітка
data-crm-*і Content API для карти не потрібні.
Чому точки іноді зсуваються
Клік прив’язаний до елемента, тому карта витримує різну ширину екрана й дрібні правки тексту. Але якщо верстку перебудували — блок переїхав, кнопок стало більше, — частина кліків своїх елементів не знайде. Такі кліки малюються за запасною точкою, а над рамкою з’являється попередження, яка їхня частка «з’їхала».
Сайти на React, Vue і Next
Переходи всередині односторінкового застосунку віджет бачить сам (як і перегляди): прокрутка попередньої сторінки надсилається, у нової починається своя. Рядок запиту на сторінку не впливає — /pricing?plan=pro і /pricing на карті одна сторінка.
Обмеження
- Строк зберігання — 90 днів, після цього кліки й прокрутка видаляються.
- Точки на карті — до 4000 різних місць на сторінці за період: кліки в одне й те саме місце складаються в одну точку з вагою, тому на живому сайті цього вистачає із запасом.
- Список «Куди клікають» — 40 елементів, по яких клікають найчастіше, список сторінок — 200 найбільш клікабельних.
- Кліки всередині CRM не рахуються: ні в рамці карти, ні в Live — це ваша робота, а не відвідувачі. Ваші власні кліки на відкритому сайті рахуються, як у будь-якого відвідувача.
- Кліки, як і вся статистика, надходять із браузерів відвідувачів. Роботів за ознаками браузера відсіюємо, а потік запитів з однієї адреси обмежений, але відрізнити підробку від живої людини напевно не можна ні тут, ні в будь-якій іншій вебаналітиці.
Якщо карта порожня
Кліки не з’являються
- Перемикач «Збір кліків» угорі сторінки має бути ввімкнений. Кліки до ввімкнення не збиралися — показати їх нічим.
- Минуло менше десяти хвилин після ввімкнення — віджет ще не дізнався про це. Оновіть сторінку сайту пізніше.
- Режим згоди. Якщо на сайті ввімкнено режим згоди, кліки надходять лише від тих, хто погодився.
- Вибрано не той період або пристрій. Перевірте, наприклад, «Телефон» — на комп’ютері по цій сторінці могли ще не клікати.
- Скрипта немає на цій сторінці — на сайтах із власними шаблонами під різні розділи його легко пропустити.
Рамка порожня або «Карта не відкрилася»
- Сайт забороняє вбудовування — CRM покаже, який заголовок заважає. Дозвольте вбудовування в CRM.
- «Карта не відкрилася» — сторінка завантажилася, але шар карти не відповів: на відкритій сторінці немає скрипта віджета, або браузер тримає стару копію сторінки. Натисніть «Спробувати ще раз» або кнопку перезавантаження над рамкою.