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

Материал из Quon Wiki
Перейти к: навигация, поиск
(Новая страница: «'''Для начала работы системы call tracking необходимо:''' 1) Открыть код вашего сайта. Найти в нем…»)
 
 
(не показано 12 промежуточных версий этого же участника)
Строка 1: Строка 1:
'''Для начала работы системы call tracking необходимо:'''
 
  
1) Открыть код вашего сайта. Найти в нем закрывающий тег </head> (Рис. 1):
+
== Для начала работы системы call tracking необходимо: ==
  
  
[[File:Куда_вставлять.jpg|border|Рис. 1]]
+
1) Открыть код вашего сайта. Найти в нем закрывающий тег '''</head>''' (Рис. 1):
  
  
Скопировать из личного кабинета QuON код для размещения на сайте:
+
[[File:Куда_вставлять.jpg|border|750px|Рис. 1]]
  
        (function (w, d, e, clId) {
 
            s = d.createElement(e); p = d.getElementsByTagName(e)[0]; s.async = 1; t = Date.now();
 
            s.src = "http://gatec.quon.ru/index.php?r=site/script&t="+t+"&clId="+clId+"&ref="+escape (d.referrer)+"&url="+escape(d.URL)+"&cook="+escape(d.cookie);
 
            p.parentNode.insertBefore(s, p);
 
        }(window, document, "script", 38));
 
  
Вставить в код сайта перед закрывающим тегом </head> (Рис. 2):
+
Скопировать из личного кабинета QuON (вкладка "Настройка проекта") '''код для размещения на сайте''' (Рис. 2):
  
 +
[[File:Скрипт_кабинет.jpg|border|750px|Рис. 2]]
  
[[File:Как_вставили.jpg|border|Рис. 2]]
+
Вставить в код сайта перед закрывающим тегом '''</head>''' (Рис. 3):
  
  
2) Найти в коде сайта номер телефона (Рис. 3):
+
[[File:Как_вставили.jpg|border|750px|Рис. 3]]
  
  
[[File:Вот_телефон.jpg|border|Рис. 3]]
+
2) Найти в коде сайта '''номер телефона''' (Рис. 4):
  
  
Номер телефона необходимо обернуть тегом <span> и присвоить ему класс .quon_phone (Рис. 4):
+
[[File:Вот_телефон.jpg|border|750px|Рис. 4]]
  
  
[[File:Обернули_телефон.jpg|border|Рис. 4]]
+
Номер телефона необходимо обернуть тегом '''span''' и присвоить ему класс '''quon_phone''' (Рис. 5):
  
 +
Можете скопировать код ниже и вставить на место подчеркивания номер телефона: <pre><span class="quon_phone"> _ </span></pre>
  
3) Если номер телефона на сайте размещен не один раз, то везде, где он
 
встречается, необходимо проделать операции из пункта 2 (Рис. 5):
 
  
 +
[[File:Обернуть_тел.jpg|border|750px|Рис. 5]]
  
[[File:Если_телефон_не_один_раз.jpg|border|Рис. 5]]
 
  
 +
3) Если номер телефона на сайте размещен не один раз, то везде, где он встречается, необходимо проделать операции из пункта 2 (Рис. 6):
  
4) Если на сайте размещено несколько разных номеров телефонов, то каждому из них необходимо присвоить свой класс. (Так, первому телефону будет присвоен класс .quon_phone, второму – .quon_phone2 и так далее): (Рис. 6)
 
  
 +
[[File:Обернуть_2тел.jpg|border|750px|Рис. 6]]
  
[[File:Если_телефона_2.jpg|border|Рис. 6]]
+
 
 +
4) В случае если на вашем сайте реализована опция click to call, т.е. при заходе на сайт с мобильного устройства можно нажать на номер телефона и он будет автоматически набран на устройстве, класс необходимо будет вставить в ссылку на телефон следующим образом:
 +
 
 +
 
 +
[[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