Вход / Регистрация
Поиск
2 на одном
Как отследить звонки с двух номеров на одной странице
Часто на сайтах размещен не один, а два и больше номеров, на которые посетитель может позвонить. Иногда это локальный и федеральные (городской и 8-800), иногда это телефон и факс (да-да, кто-то еще пользуется факсами), иногда это номер отдела продаж и каких-то других отделов. А еще бывают целые страницы - где перечислены филиалы и у каждого свой телефон.
Сегодня мы расскажем, как поиграть со скриптом нашей аналитики, чтобы на одной странице подменялись несколько номеров, причем статистика звонков по каждому - велась в отдельных объектах.
Ниже инструкция по двум объектам на одной странице.
Для подмены двух номеров на одной странице нужно:
  • Создать два объекта в личном кабинет. Один, допустим, будет московский. Другой питерский.
  • В разделе "Объекты" перейти на страницы этих объектов и скопировать оттуда их свойства "Идентификатор (oid)"
  • Взять код, выданный Аллокой для одного из объектов. Вот система выдала приблизительно такой код для одного из объектов:

<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>
  • Подставить идентификаторы объектов в следующем виде:

<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>
  • Размещаем данный код в блок head необходимого веб-сайта.
  • На странице должны быть два тега с телефонами. Один будет для первого объекта, а второй — для второго.
  • Отметить эти теги классами "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>
А блок контактов нужно отметить классами следующим образом:

<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>
Запутались? Мы можем сделать все за вас!
Сделать все за меня