"2 на одном" - как отследить звонки с двух номеров на одной странице
Часто на сайтах размещен не один, а два и больше номеров, на которые посетитель может позвонить. Иногда это локальный и федеральные (городской и 8-800), иногда это телефон и факс (да-да, кто-то еще пользуется факсами), иногда это номер отдела продаж и каких-то других отделов. А еще бывают целые страницы - где перечислены филиалы и у каждого свой телефон
Сегодня мы расскажем, как поиграть со скриптом нашей аналитики, чтобы на одной странице подменялись несколько номеров, причем статистика звонков по каждому - велась в отдельных объектах.
Ниже инструкция по двум объектам на одной странице.
Для подмены двух номеров на одной странице нужно:
1) Создать два объекта в личном кабинет. Один, допустим, будет московский. Другой питерский.
2) В разделе "Объекты" перейти на страницы этих объектов и скопировать оттуда их свойства "Идентификатор (oid)"
3) Взять код, выданный Аллокой для одного из объектов. Вот система выдала приблизительно такой код для одного из объектов:
<script type="text/javascript"> var _alloka = { objects: { 'ИДЕНТИФИКАТОР_ОБЪЕКТА': { block_class: 'phone_alloka' } }, trackable_source_types: ['typein', 'referrer', 'utm'] }; </script> <script src="http://analytics.alloka.ru/v4/alloka.js" type="text/javascript"></script>
4) Подставить идентификаторы объектов в следующем виде.
<script type="text/javascript"> var _alloka = { objects: { 'ИДЕНТИФИКАТОР_ОБЪЕКТА_МОСКОВСКОГО_НОМЕРА': { block_class: 'moscow_number' }, 'ИДЕНТИФИКАТОР_ОБЪЕКТА_ПЕТЕРБУРГСКОГО_НОМЕРА': { block_class: 'petersburg_number' } }, trackable_source_types: ['typein', 'referrer', 'utm'] }; </script> <script src="http://analytics.alloka.ru/v4/alloka.js" type="text/javascript"></script>
5) Размещаем данный код в блок head необходимого веб-сайта.
6) На странице должны быть два тега с телефонами. Один будет для первого объекта, а второй — для второго.
7) Отметить эти теги классами "moscow_number" и "petersburg_number" соответственно.
Допустим, был на странице следующий блок контактов:
<div id="contacts_block"> <span style="color: red; font-size: 16px">Наши телефоны:</span> Москва +74959998877 Санкт-Петербург +78129998877 </div>
Нужно отметить телефоны, как на примере ниже:
<div id="contacts_block"> <span style="color: red; font-size: 16px">Наши телефоны:</span> Москва <span class="moscow_number">+74959998877</span> Санкт-Петербург <span class="petersburg_number">+78129998877</span> </div>
Если изначально было что-то такое:
<div id="contacts_block"> <span style="color: red; font-size: 16px">Наши телефоны:</span> Москва <small>+7 (495)</small> 999 88 77 Федеральный <small>8 (800)</small> 299 99 99 </div>
В этом примере размещены два телефона. Один московский, другой федеральный. Причём, у каждого номера свой формат, который отличается от формата по-умолчанию. Само собой, желательно сохранить вид этого блока. Чтобы в момент открытия - изменялись только номера, а не вид блока контактов.
Тогда нам надо сделать похожий скрипт:
<script type="text/javascript"> var _alloka = { objects: { 'ИДЕНТИФИКАТОР_ОБЪЕКТА_МОСКОВСКОГО_НОМЕРА': { block_class: 'moscow_number', format: '<small>+7 (#{XXX})</small> #{XXX} #{XX} #{XX}' }, 'ИДЕНТИФИКАТОР_ОБЪЕКТА_ФЕДЕРАЛЬНОГО_НОМЕРА': { block_class: 'federal_number', format: '<small>8 (#{XXX})</small> #{XXX} #{XX} #{XX}' } }, trackable_source_types: ['typein', 'referrer', 'utm'] }; </script> <script src="http://analytics.alloka.ru/v4/alloka.js" type="text/javascript"></script>
А блок контактов нужно отметить классами следующим образом
<div id="contacts_block"> <span style="color: red; font-size: 16px">Наши телефоны:</span> Москва <span class="moscow_number"><small>+7 (495)</small> 999 88 77</span> Федеральный <span class="federal_number"><small>8 (800)</small> 299 99 99</span> </div>
Не сильно запутали? Спрашивайте, если что )