ВОЙТИ

Установка кода на сайт и разметка телефонов

Последние изменения: 03.04.2017
добавить в избранные
  1. Разместить скрипт на сайте
  2. Произвести разметку телефонов

Размещение скрипта на сайте

Скопируйте скрипт из личного кабинета на 4 шаге подключения проекта или в "Настройках проекта" после его запуска.


a767470b04bf4de37ee638aec11c46a1.png

Откройте редактор кода вашего сайта и найдите в нем закраивающий тэг </head>, вставьте код пред ним.

8341107d37f8b66d6f1dfdcf46107b1a.png

Сохраните изменения.

Наверное вы заметили, что в самом коде есть возможность указать собственный класс и маску телефона, более подробнее эти настройки мы рассматриваем в отдельной статье.

Произвести разметку телефонов

Воспользуйтесь редактором (CMS) вашего сайта для изменения кода размещенного телефона. Найдите в коде телефонный номер, который вы хотите подменять. Вам необходимо добавить новый класс для тэга в котором размещен ваш телефон. Вы можете использовать любой тэг, но мы рекомендуем самым простой вариант разметка через тэг <span>:

d66ea46548de3487acd9e32479449a9d.jpg

Номер телефона необходимо обернуть тегом span и присвоить ему класс quon_phone:

<span class="quon_phone"> здесь находится ваш телефон </span>


eabccda9ef940f6ec90513347fa06f9e.jpg

Если на сайте у вас указан номер несколько раз, то нужно производить разметку для каждого номера, который вы планируете подменять. Не забывайте о разделе "Контакты" :)

Обратите внимание, что вы можете продолжать использовать опцию Click to Call, которая позволяет при просмотре сайта через смартфон позвонить кликнув на номер телефона. Для такой реализации достаточно вставить класс quon_phone в тэг <а>, к примеру:

34786a745ddf750330de0ea20cba5821.png

Выполнив размещение кода сприпта на сайте и разметку телефона подмена начнет работать в течение часа после запуска проекта.

нет комментариев