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

Материал из Quon Wiki
Перейти к: навигация, поиск
 
(не показано 7 промежуточных версий этого же участника)
Строка 1: Строка 1:
'''Для начала работы системы call tracking необходимо:'''
 
  
1) Открыть код вашего сайта. Найти в нем закрывающий тег </head> (Рис. 1):
+
== Для начала работы системы call tracking необходимо: ==
 +
 
 +
 
 +
1) Открыть код вашего сайта. Найти в нем закрывающий тег '''</head>''' (Рис. 1):
  
  
Строка 7: Строка 9:
  
  
Скопировать из личного кабинета QuON код для размещения на сайте:
+
Скопировать из личного кабинета QuON (вкладка "Настройка проекта") '''код для размещения на сайте''' (Рис. 2):
 +
 
 +
[[File:Скрипт_кабинет.jpg|border|750px|Рис. 2]]
  
        (function (w, d, e, clId) {
+
Вставить в код сайта перед закрывающим тегом '''</head>''' (Рис. 3):
            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", n));
+
  
Вставить в код сайта перед закрывающим тегом </head> (Рис. 2):
 
  
 +
[[File:Как_вставили.jpg|border|750px|Рис. 3]]
  
[[File:Как_вставили.jpg|border|750px|Рис. 2]]
 
  
 +
2) Найти в коде сайта '''номер телефона''' (Рис. 4):
  
2) Найти в коде сайта номер телефона (Рис. 3):
 
  
 +
[[File:Вот_телефон.jpg|border|750px|Рис. 4]]
  
[[File:Вот_телефон.jpg|border|750px|Рис. 3]]
 
  
 +
Номер телефона необходимо обернуть тегом '''span''' и присвоить ему класс '''quon_phone''' (Рис. 5):
  
Номер телефона необходимо обернуть тегом span и присвоить ему класс quon_phone (Рис. 4):
+
Можете скопировать код ниже и вставить на место подчеркивания номер телефона: <pre><span class="quon_phone"> _ </span></pre>
  
  
[[File:Обернули_телефон.jpg|border|750px|Рис. 4]]  
+
[[File:Обернуть_тел.jpg|border|750px|Рис. 5]]  
  
  
3) Если номер телефона на сайте размещен не один раз, то везде, где он  
+
3) Если номер телефона на сайте размещен не один раз, то везде, где он встречается, необходимо проделать операции из пункта 2 (Рис. 6):
встречается, необходимо проделать операции из пункта 2 (Рис. 5):
+
  
  
[[File:2_телефона.jpg|border|750px|Рис. 5]]  
+
[[File:Обернуть_2тел.jpg|border|750px|Рис. 6]]  
  
  
4) Если на сайте размещено несколько разных номеров телефонов, то каждому из них необходимо присвоить свой класс. (Так, первому телефону будет присвоен класс quon_phone, второму – quon_phone2 и так далее): (Рис. 6)
+
4) В случае если на вашем сайте реализована опция click to call, т.е. при заходе на сайт с мобильного устройства можно нажать на номер телефона и он будет автоматически набран на устройстве, класс необходимо будет вставить в ссылку на телефон следующим образом:
  
  
[[File:2_разных_телефона.jpg|border|750px|Рис. 6]]
+
[[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