Skip to end of metadata
Go to start of metadata

Чтобы Roistat подменял номер компании на отслеживаемый, в настройках Коллтрекинга необходимо указать тот элемент в коде, который содержит нужный номер. Так Roistat будет знать, к какому элементу обращаться.

Настройка

  1. В коде страницы посмотрите значение класса или идентификатор элемента, содержащего номер.

    Это можно сделать во многих браузерах. Просто наведите курсор на номер, нажмите правую кнопку мыши и в открывшемся меню выберите пункт Просмотреть код  или что-то похожее.

     Например, посмотрим элемент с номером для сайта http://roistat.com/ru/:  

    В открывшемся меню разработчика нужный элемент с номером будет подсвечен. Например:

  2.  Если номер уже размечен каким-либо классом (class) или идентификатором (id), который есть только у нужного вам номера, скопируйте название.  

    У номера телефона может быть несколько классов. Разные классы отделяются друг от друга пробелом.

    Например, для номера поддержки Roistat указано два разных класса: roistat-phone и tel.

    Использовать нужно тот класс, который есть только у номера для подмены.

  3.  Если у элемента с номером нет ни класса, ни идентификатора, необходимо добавить их в коде страницы.  

    Для этого внутри тега перед номером добавьте class=“уникальное имя класса” или id=“уникальное название”.

     Например:  


    Таким образом, код номера на сайте должен выглядеть примерно следующим образом:

  4.  В настройках сценария Коллтрекинга откройте Шаг 3. Выберите элемент с номером на сайте и в в поле Название CSS-класса или ID введите класс или идентификатор.  

    Например:


    После ввода класса или идентификатора нажмите клавишу ввода или пробела, введенный текст отобразится как имя атрибута class/id.

    Название класса можно указывать с точкой или без нее.

    Перед идентификатором необходимо ввести символ #, например, #moskva.

    Можно указывать несколько классов или идентификаторов.

     

Если необходимо добавить подмену также и в ссылку по клику, воспользуйтесь следующим примером кода

 

(warning) На странице может быть идентификатор только для одного элемента. Поэтому если вы укажете один идентификатор для двух номеров, то система подменит только самый первый номер. Если вы хотите подменять более одного номера, указывайте класс вместо идентификатора.

(warning) Если в нескольких сценариях вы укажете один и тот же идентификатор или класс для подменяемого номера и включите эти сценарии, Коллтрекинг не будет правильно работать. Указывайте во всех сценариях уникальный класс или идентификатор для подменяемого номера.

Оформление номера телефона на сайте

По умолчанию номер телефона, указанный на сайте, подменяется указанным в сценарии номером в формате +х(ххх) ххх-хх-хх. Вы можете изменить формат номера двумя способами.

В настройках сценария Коллтрекинга

В шаге Выберите элемент с номером на сайте в поле Формат подменного номера:
 

(tick) Примеры форматов для отображения номеров:

  • в формате 8(ХХХ)ХХХ-ХХ-ХХ номер отображается как 8(123)456-78-90;
  • в формате ХХХ ХХХХХХХ номер отображается как 123 4567890;
  • в формате 7 (ХХХ) ХХХ ХХХХ номер отображается как 7 (123) 456 7890.

В коде сайта

Если используется такой способ настройки, то настройки маски номера телефона в сценарии имеют второй приоритет. То есть, если маска номера телефона настроена и в коде, и в сценарии, применяется вариант настройки в коде.

Для настройки в коде сайта доступны три класса:

  • {название класса, указанного в настройках сценария}-country, например, roistat-phone-country. Определяет код страны в номере телефона.
  • {название класса, указанного в настройках сценария}-region, например, roistat-phone-region. Определяет регион в номере телефона.
  • {название класса, указанного в настройках сценария}-number, например, roistat-phone-number. Определяет формат записи номера телефона.

(warning) Если в настройках сценария Коллтрекинга в качестве элемента с номером на сайте вы указали идентификатор, то настройка маски в коде сайта с помощью классов недоступна.

(tick) Например, чтобы убрать из маски знак "+", используйте код:

(tick) Если вы хотите, чтобы отображался номер телефона без кода города и кода страны, то нужно указать только класс roistat-phone-number.

(tick) Если вы хотите добавить активную ссылку на подменяемый номер и изменить номер телефона одновременно в ссылке и на странице сайта, используйте код:

Рекомендуемые статьи

Подключение и настройка сценариев Коллтрекинга

  • No labels