Справка:Установка кода на сайт — различия между версиями

Материал из Quon Wiki
Перейти к: навигация, поиск
 
(не показаны 4 промежуточные версии этого же участника)
Строка 1: Строка 1:
'''Для начала работы системы call tracking необходимо:'''
 
  
1) Открыть код вашего сайта. Найти в нем закрывающий тег </head> (Рис. 1):
+
== Для начала работы системы call tracking необходимо: ==
 +
 
 +
 
 +
1) Открыть код вашего сайта. Найти в нем закрывающий тег '''</head>''' (Рис. 1):
  
  
Строка 7: Строка 9:
  
  
Скопировать из личного кабинета QuON (вкладка "Настройка проекта", после выделенных телефонных номеров) код для размещения на сайте (Рис. 2):
+
Скопировать из личного кабинета QuON (вкладка "Настройка проекта") '''код для размещения на сайте''' (Рис. 2):
  
 
[[File:Скрипт_кабинет.jpg|border|750px|Рис. 2]]  
 
[[File:Скрипт_кабинет.jpg|border|750px|Рис. 2]]  
  
Вставить в код сайта перед закрывающим тегом </head> (Рис. 3):
+
Вставить в код сайта перед закрывающим тегом '''</head>''' (Рис. 3):
  
  
Строка 17: Строка 19:
  
  
2) Найти в коде сайта номер телефона (Рис. 4):  
+
2) Найти в коде сайта '''номер телефона''' (Рис. 4):  
  
  
Строка 23: Строка 25:
  
  
Номер телефона необходимо обернуть тегом span и присвоить ему класс quon_phone (Рис. 5):  
+
Номер телефона необходимо обернуть тегом '''span''' и присвоить ему класс '''quon_phone''' (Рис. 5):  
 
+
Можете скопировать код ниже и вставить на место подчеркивания номер телефона: <pre><span class="quon.phone"> _ </span></pre>
+
  
 +
Можете скопировать код ниже и вставить на место подчеркивания номер телефона: <pre><span class="quon_phone"> _ </span></pre>
  
[[File:3_телефон.jpg|border|750px|Рис. 5]]
 
  
 +
[[File:Обернуть_тел.jpg|border|750px|Рис. 5]]
  
3) Если номер телефона на сайте размещен не один раз, то везде, где он
 
встречается, необходимо проделать операции из пункта 2 (Рис. 6):
 
  
 +
3) Если номер телефона на сайте размещен не один раз, то везде, где он встречается, необходимо проделать операции из пункта 2 (Рис. 6):
  
[[File:2_телефона.jpg|border|750px|Рис. 6]]
 
  
 +
[[File:Обернуть_2тел.jpg|border|750px|Рис. 6]]
  
4) Если на сайте размещено несколько разных номеров телефонов, то каждому из них необходимо присвоить свой класс. (Так, первому телефону будет присвоен класс quon_phone, второму – quon_phone2 и так далее): (Рис. 7)
 
  
Можете скопировать код ниже и вставить на место подчеркивания номер телефона: <pre><span class="quon.phone"> _ </span></pre>
+
4) В случае если на вашем сайте реализована опция click to call, т.е. при заходе на сайт с мобильного устройства можно нажать на номер телефона и он будет автоматически набран на устройстве, класс необходимо будет вставить в ссылку на телефон следующим образом:
<pre><span class="quon.phone2"> _ </span></pre>
+
  
  
[[File:2_разных_телефона.jpg|border|750px|Рис. 7]]
+
[[File:Телефон_а.png|border|650px|Рис. 7]]

Текущая версия на 15:20, 3 ноября 2015

Для начала работы системы call tracking необходимо:

1) Открыть код вашего сайта. Найти в нем закрывающий тег </head> (Рис. 1):


Рис. 1


Скопировать из личного кабинета QuON (вкладка "Настройка проекта") код для размещения на сайте (Рис. 2):

Рис. 2

Вставить в код сайта перед закрывающим тегом </head> (Рис. 3):


Рис. 3


2) Найти в коде сайта номер телефона (Рис. 4):


Рис. 4


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

Можете скопировать код ниже и вставить на место подчеркивания номер телефона:
<span class="quon_phone"> _ </span>


Рис. 5


3) Если номер телефона на сайте размещен не один раз, то везде, где он встречается, необходимо проделать операции из пункта 2 (Рис. 6):


Рис. 6


4) В случае если на вашем сайте реализована опция click to call, т.е. при заходе на сайт с мобильного устройства можно нажать на номер телефона и он будет автоматически набран на устройстве, класс необходимо будет вставить в ссылку на телефон следующим образом:


Рис. 7