Функционал кнопки CallMe реализован для экономии номеров из пула динамической подмены. Представим, что у вас десять подменных номеров, а на сайте одновременно находится двенадцать пользователей. Последним двум придется выдавать те же номера, которые уже показаны другим посетителям. Таким образом есть высокий риск сбора не корректной статистики, т.к. не получится определить, кто же из посетителей, которым были выданы одинаковые номера, всё же позвонил.
По факту же, далеко не каждый пользователь решит позвонить. Поэтому возможно показывать номера не всем посетителям, тем самым сохранив их для тех, кто настроен позвонить. Для этого достаточно скрыть номера кнопкой «Показать номер». Самые заинтересованные нажмут на нее скрипт подмены покажет им подменный номер. Т.е. выдача номера будет происходить только для готового к звонку клиента.
Технические требования
Кнопки совместимы только с динамическим коллтрекингом
В пуле подмены, должно быть 3 и более номеров
Реализация кнопки на html + css
Кнопка должна находится внутри элемента в котором находится номер, например в элементе <div>, <span> и т.д.
Как настроить и включить?
1. Функционал настраивается в разделе Коллтрекинг, его подразделе XPaths.
2. Для настройки нужно нажать на редактирование уже созданного XPath-a и активировать кнопку либо для всех устройств (1), либо только для мобильных (2).
3. После чего нужно выбрать из выпадающего списка процент резервных номеров
Вы сами можете выбирать резервное количество номеров для каждого пула. Допустим, в пуле 10 номеров для подмены. Для резерва выбрано 20% номеров. Если на сайте одновременно находятся восемь посетителей, то девятому уже отобразится кнопка «Показать номер». При нажатии на нее он увидит один из резервных номеров.
Детальнее о логике работы чекбоксов:
В случае, если не активен ни один из чекбоксов “Call me all” и “Call me mobile”, кнопка выдачи номеров на проекте не появляется никогда.
В случае, если чекбокс “Call me all” неактивен, а чекбокс “Call me mobile” активен, кнопка выдачи номеров показываться только на мобильных устройствах, и всегда.
В случае, если активны оба чекбокса, на мобильных устройствах кнопка показывается всегда, а на десктопных в соответствии с выбранным процентом резервных номеров.
В случае, если чекбокс “Call me all” активен, а чекбокс “Call me mobile” неактивен, и на мобильных, и на десктопных устройствах кнопка показывается в соответствии с процентом резервных номеров.
4. Последним пунктом настройки нужно вставить в поле HTML код кнопки "Call me" код вашей кнопки.
После всех этих настроек нужно нажать “Сохранить”, перейти в раздел Настройки скрипта (1) и нажать кнопку Применить настройки (2).
Примеры кнопок
Вариант для десктопной версии 1
Код кнопки:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Показати номер </span>
</div>
Вариант для десктопной версии 2
Код кнопки:
<div style="">0
<span style="opacity:0.8;margin-left:3px;">(8</span>
<span style="opacity:0.5;">0</span>
<span style="opacity:0.2;">0)</span>
<span style="color: inherit; letter-spacing: 0; text-align: center;"> Показати номер </span>
</div>
Вариант кнопки для мобильного 1
Код кнопки:
<div style="border: 1px solid #39464e;border-radius:5px;background: border-box;font-size:14px;font:inherit;color:inherit;margin-right:15px;cursor: pointer;display:inline-block;padding:5px;">
<span><img width="20px" src='посилання на вашу іконку'></span>
<span style="color: inherit; letter-spacing: 0; text-align: center;font-size:20px;"> Подзвонити </span>
</div>
Вариант кнопки для мобильного 2
Код кнопки:
<button style="border: 1px solid #39464e;border-radius:15px;background:transparent;color:inherit">
<span style="color:inherit">
(067) Подзвонити
</span>
</button>