Как отслеживать звонки с двух номеров на одной странице

На сайте часто не один номер, а два и больше. Скрипт Аллоки умеет подменять на одной странице несколько номеров и вести статистику звонков по каждому в отдельном объекте.

Бывает, что это местный и федеральный номера (городской и 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>

Здесь два телефона — московский и федеральный, и у каждого свой формат, отличный от формата по умолчанию. Само собой, вид блока хочется сохранить, чтобы при открытии страницы менялись только номера, а не оформление контактов.

Тогда в скрипте для каждого объекта задаётся параметр format:

<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>

Запутались? Напишите на support@alloka.ru — мы можем сделать всё за вас.