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

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

Версия 17:13, 16 июля 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) Если на сайте размещено несколько разных номеров телефонов, то каждому из них необходимо присвоить свой класс. (Так, первому телефону будет присвоен класс quon_phone, второму – quon_phone2 и так далее): (Рис. 7)

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


Рис. 7

Источник — «http://wiki.quon.ru/index.php?title=Справка:Установка_кода_на_сайт&oldid=30»