Отображение уникального номера телефона для каждого посетителя сайта
Для отслеживания источников звонков необходимо использовать уникальные номера телефона для каждого посетителя сайта – именно этот процесс позволяет сопоставить информацию по сессии со звонком. Для реализации этой функции на сайте у вас есть несколько способов, о которых мы расскажем ниже.
Добавление уникальных номеров
Добавление уникальных номеров телефона может происходить в двух местах:
- В разделе меню личного кабинета Calltouch:
Настройки / 
Телефония / вкладка "Отслеживание". - В разделе меню личного кабинета Calltouch:
Настройки /
Телефония / добавление уникальных номеров.
Добавление уникальных номеров телефона во время настройки пула
Во вкладке "Отслеживание", при нажатии кнопки "Добавить пул" откроется окно настроек, в котором можно добавить пул и задать условия его отслеживания.
На первом шаге добавления пула вы можете указать настройки показа уникальных номеров на сайте.
В соответствующем поле вы можете ввести номера с сайта, которые необходимо показывать с помощью пула. А также указать классы, или идентификаторы элементов, в которых расположен номер. Номер указывается в формате 4951234567, то есть без лишних символов и без кода страны.
При введении номера телефона, сразу будет создан и доступен для использования блок отображения уникального номера телефона для каждого посетителя. Ввод любых других символов будет распознан как название класса, и его необходимо будет настроить на соответствующей вкладке раздела "Телефония", отредактировав созданный блок. Подробнее об этом рассказано далее в инструкции.
Добавление уникальных номеров телефона
Добавить уникальные номера телефонов для отображения можно на соответствующей вкладке раздела "Телефония", нажав на кнопку "Добавить" в правом верхнем углу.
.png)
Далее пункты добавления пула будут рассмотрены подробнее.
Автоматическое отображение уникальных номеров телефона
Этот пункт выбран по умолчанию. Выбрав его и введя номер в поле "Номер для поиска", Calltouch автоматически найдет указанный вами номер и изменит его на отслеживаемый. Если номер встречается на странице несколько раз, все одинаковые номера будут изменены на отслеживаемый номер.
.png)
В поле "Номер для поиска" указывается номер, который необходимо найти на сайте и показать на номер из пула. В одном автоматическом поиске можно указать только один номер. Если вам необходимо отобразить другие номера на сайте, создайте для них отдельные настройки.
В поле "Селектор для поиска номера" указывается CSS-селектор, внутри всех элементов которого будет осуществлен поиск номера. По умолчанию выбран body, то есть поиск будет во всем отображаемом содержимом. Доступные селекторы представлены в таблице:
| Селектор | Пример | Результат |
|
Базовые селекторы |
||
| ".class" | ".call_phone" | Выберет все элементы с классом "call_phone". |
| "#id" | "#call_phone" | Выберет элемент с идентификатором "call_phone". |
| "tag" | "body" | Выберет все элементы внутри тега "body". |
| Комбинированные селекторы | ||
| "first, second, ..." | ".call_phone_1, .call_phone_2" | Выберет все элементы с классами call_phone_1, call_phone_2. |
| "outer inner" | "div .call_phone_1" | Выберет все элементы с классом call_phone_1, которые находятся в тегах div (независимо от уровня вложенности). |
| "parent > child" | "div > .call_phone_1" | Выберет все элементы с классом call_phone_1, которые находятся в тегах div на первом уровне вложенности. |
| Селекторы по атрибутам | ||
| "[attr]" | "[href]" | Выберет все элементы, у которых имеется атрибут href. |
| "[attr = value]" | "[href = 'tel:+74953080100']" | Выберет все элементы, у которых атрибут href равен "tel:+74953080100". |
| "[attr ^= value]" | "[href ^= 'tel']" | Выберет все элементы, у которых атрибут href начинается с "tel". |
| "[attr $= value]" | "[href $= '0100']" | Выберет все элементы, у которых атрибут href заканчивается на "0100". |
| "[attr *= value]" | "[href *= 'tel']" | Выберет все элементы, у которых атрибут href содержит подстроку "tel". |
| "[attr ~= value]" | "[name ~= 'Promo']" | Выберет все элементы, у которых атрибут name содержит слово "Promo". |
| "[attr |= value]" | "[name |= 'ru']" | Выберет все элементы, у которых атрибут name равен "ru", либо начинается с "ru-". |
| "[first][second][..." | "[href *= 'tel'][href *= 'callto']" | Выберет все элементы, у которых атрибут href содержит подстроку "tel" или подстроку "callto". |
| Простые фильтры | ||
| ":not(selector)" | "div:not(.call_phone_3)" | Выберет все элементы с тегом div, кроме тех, которые имеют класс call_phone_3. |
| Фильтры по содержимому | ||
| ":contains('text')" | ":contains('номер')" | Выберет все элементы, в которых содержится текст "номер". |
| ":has(selector)" | "div:has(a)" | Выберет все элементы с тегом div, внутри которых имеются элементы с тегом a. |
| Фильтры дочерних элементов | ||
| ":first-child" | "a:first-child" | Выберет все элементы с тегом a, находящиеся первыми внутри своего родительского элемента. |
| ":last-child" | "a:last-child" | Выберет все элементы с тегом a, находящиеся последними внутри своего родительского элемента. |
|
":nth-child( )" ":nth-last-child( )" |
"a:nth-child(3)" "a:nth-last-child(1)" |
"a:nth-child(3)" выберет все элементы с тегом a, находящиеся третьими сверху внутри своего родительского элемента. "a:nth-last-child(1)" выберет все элементы с тегом a, находящиеся первыми снизу внутри своего родительского элемента. |
| ":only-child" | "a:only-child" | Выберет все элементы с тегом a, являющиеся единственными внутри родительского элемента. |
| ":only-of-type" | "a:only-of-type" | Выберет все элементы с тегом a, являющиеся единственными тегом a внутри родительского элемента. |
| ":first-of-type" | "a:first-of-type" | Выберет все элементы с тегом a, являющиеся первым тегом a внутри родительского элемента. |
| ":last-of-type" | "a:last-of-type" | Выберет все элементы с тегом a, являющиеся последним тегом a внутри родительского элемента. |
|
":nth-first-of-type( )" ":nth-last-of-type( )" |
"a:nth-first-of-type(3)" "a:nth-last-of-type(1)" |
"nth-first-of-type(3)" выберет все элементы с тегом a, находящиеся третьими сверху (среди элементов с тегом a) внутри своего родительского элемента. "nth-last-of-type(1)" выберет все элементы с тегом a, находящиеся первыми снизу (среди элементов с тегом a) внутри своего родительского элемента. |
Для работы селекторов на вашем сайте должна быть установлена последняя версия скрипта Calltouch.
Отображение уникальных номеров телефона содержимого класса
Выбрав данный пункт, номер телефона вместе с содержимым HTML-тегов с указанным классом будет автоматически заменяться на отслеживаемые номера. Для этого в поле "Название класса" введите название класса, содержимое которого необходимо преобразовать.
.png)
В поле "Содержимое класса" введите содержимое HTML-тега, которое необходимо преобразовать. То, что будет указано в данном поле, будет отображено на сайте. Поэтому для отображения номера из пула необходимо использовать шаблон Freemarker. Этот шаблон использует привычный синтаксис и порядковые номера цифр в номере телефона. Например, если вы хотите, чтобы номер из пула отображался в формате +7 (495) 123-45-67, необходимо использовать следующий шаблон:
+${pn[0]} (${pn[1]}${pn[2]}${pn[3]}) ${pn[4]}${pn[5]}${pn[6]}-${pn[7]}${pn[8]}-${pn[9]}${pn[10]}
Если в измененном HTML-теге, название класса которого вы указываете в настройках отображения уникальных номеров телефона, содержится также сопроводительный текст "Номер телефона", то шаблон будет выглядеть как:
Номер телефона: +${pn[0]} (${pn[1]}${pn[2]}${pn[3]}) ${pn[4]}${pn[5]}${pn[6]}-${pn[7]}${pn[8]}-${pn[9]}${pn[10]}
Этот шаблон означает, что вместо каждого элемента от 0 до 10 будут показаны цифры отслеживаемого номера телефона в 11-значном формате, который закреплен за пулом.
Отображение уникальных номеров телефона содержимого идентификатора
Данный пункт полностью аналогичен отображению уникальных номеров телефона содержимого класса, только вместо класса вы должны указать идентификатор HTML-тега в поле "Название идентификатора".
Использование в пулах
После выбора и настройки типа отображения вы можете выбрать, в каких пулах его использовать: во всех созданных или только в определенных пулах:
- Выбрав опцию "Все онлайн-пулы", данная настройка будет применена ко всем онлайн-пулам;
- Выбрав опцию "Выборочно", вам будет предложен список пулов, к которым можно применить данную настройку.
Редактирование отображения уникальных номеров телефона
Редактирование отображения происходит в разделе
Телефония. При наведении на необходимый блок появится кнопка "Редактировать":
.png)
По нажатию на кнопку откроется окно настроек, где вы можете внести любые изменения.
Удаление отображения уникальных номеров телефона
Удаление отображения происходит в разделе
Телефония. При наведении на необходимый блок появится кнопка "Удалить":
.png)
- A/B тестирование (раздел «Подключение»)
- Email-трекинг (раздел «Подключение»)
- Отслеживание офлайн конверсии (раздел «Подключение»)
- Подключение к отслеживанию дополнительных доменов (раздел «Подключение»)
- Подмена номеров на AMP-страницах Google (раздел «Подключение»)
