Как получать статистику звонков по номеру телефона на сайте

Чтобы узнать, как часто потенциальные клиенты звонят вам после просмотра рекламы и посещения сайта, воспользуйтесь отслеживанием звонков-конверсий. С помощью этой функции вы сможете узнать, сколько пользователей позвонили вам после того, как нажали на объявление и увидели ваш номер телефона на сайте.

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

Начало работы

Если вы пользуетесь другой системой для отслеживания звонков-конверсий, то можете импортировать данные оттуда. Узнать обо всех поддерживаемых типах звонков-конверсий можно в этой статье.

Звонки-конверсии с сайта будут регистрироваться только в том случае, если в вашем аккаунте настроены расширения "Номера телефонов". Номер телефона, указанный в настройках таких расширений, применяется для отслеживания звонков с сайта. Узнать об этом больше вы можете здесь.

Преимущества

Применив в своих объявлениях динамически обновляющиеся бесплатные номера Google для переадресации, вы сможете выяснить, какие ключевые слова, объявления, группы объявлений и кампании приводят к звонкам-конверсиям.

Из этой статьи вы узнаете, как отслеживать такие конверсии при помощи номеров Google, размещенных на вашем сайте.

Требования

Вот что вам понадобится, если вы решите настроить отслеживание звонков-конверсий с сайта:

  • Аккаунт Google Рекламы. Если у вас его ещё нет, зарегистрируйтесь на странице ads.google.com.
  • Активный номер телефона (как минимум один). Задать эти настройки можно до или после создания звонка-конверсии.
  • Адрес компании в одной из стран, где поддерживается указанная функция. Список регионов, в которых доступны телефонные номера Google, можно найти здесь.
  • Сайт, на котором вы разместите код отслеживания конверсий. Этот код также называют тегом.
  • Возможность изменять сайт. Вам или вашему веб-мастеру потребуется добавить тег отслеживания конверсий в код веб-страниц и реализовать сценарий JavaScript, который заменит ваш рабочий телефон на номер Google.

Инструкции

Пример кода с дополнительными параметрами.Настройка отслеживания звонков-конверсий с помощью номера Google для переадресации выполняется в два этапа.

Этап 1. Создание действия-конверсии

  1. Войдите в аккаунт Google Рекламы.
  2. Нажмите на значок инструментов в правом верхнем углу и в разделе "Отслеживание" выберите пункт Конверсии.
  3. Нажмите на значок плюса .
  4. Нажмите Телефонные звонки.
  5. Выберите Звонки по номеру телефона на сайте.
  6. В поле "Название конверсии" укажите название, по которому вы сможете легко найти конверсию в отчетах (например, "Заказ цветов по телефону" или "Бронирование"). 
  7. В поле "Категория" выберите описание нужного действия-конверсии из раскрывающегося меню. С помощью категорий конверсии в отчетах можно сегментировать так, чтобы сведения о похожих конверсиях были объединены.
  8. В разделе "Ценность" укажите значение (или выберите вариант Не назначать ценность, если этот параметр учитывать не нужно). 
  9.  В поле "Учет" укажите, как следует вести учет конверсий.
    • 1. Этот вариант оптимален для учета числа потенциальных клиентов (например, пользователей, заполнивших форму на вашем сайте), когда ценность представляет только одна конверсия на каждого пользователя, нажавшего на объявление.
    • Каждая. Этот вариант оптимален для учета продаж, когда каждая конверсия представляет ценность для вашего бизнеса.
  10. В поле Длительность звонка укажите минимальное значение в секундах, при котором телефонный звонок будет считаться конверсией. 
  11. В разделе Период учета конверсий укажите, в течение какого срока после клика или другого взаимодействия следует учитывать конверсии. Период может составлять от 7 до 60 дней. 
  12. По умолчанию для всех новых действий в Google Рекламе установлен флажок Включение данных в столбец "Конверсии". Если снять флажок, данные о конверсиях будут учитываться в столбце "Все конверсии".

    Данные из столбца "Конверсии" используются в стратегиях автоматического назначения ставок, таких как целевая рентабельность инвестиций в рекламу, целевая цена за конверсию и Оптимизатор цены за конверсию. Если вы используете такие стратегии и не хотите, чтобы система учитывала статистику по определенному действию, снимите этот флажок. В противном случае оставьте его. Подробнее… 
  13. Нажмите кнопку Создать и продолжить

Появятся инструкции по завершению настройки отслеживания.

Этап 2. Настройка тега отслеживания конверсий

Если вы впервые настраиваете отслеживание конверсий, вам нужно добавить на свой сайт два фрагмента кода: глобальный тег и тег с номером телефона.

Глобальный тег добавляет посетителей сайта в списки ремаркетинга "Все посетители" (если у вас настроен ремаркетинг) и создает в вашем домене новые файлы cookie для хранения данных о каждом переходе на сайт по клику. Обратите внимание, что тег отслеживания Google Рекламы может обрабатывать данные о кликах, полученные из новых файлов cookie в вашем домене. Вы должны предоставить пользователям точные и полные сведения о том, какую информацию вы собираете, и получить согласие на сбор таких данных в случаях, предусмотренных законом.

Глобальный тег нужно добавлять на все страницы сайта, однако в каждом аккаунте Google Рекламы потребуется создать только один такой тег.

Тег с номером телефона заменяет номер телефона на вашем сайте на номер Google для переадресации. Его нужно разместить на всех страницах, где опубликован номер телефона.

  1. В разделе "Глобальный тег" выберите подходящий вариант и следуйте инструкциям по установке тега.
    • На моем сайте не установлен глобальный тег. Этот вариант подходит, если вы впервые настраиваете в своем аккаунте тег для отслеживания действия-конверсии и ещё не добавляли глобальный тег из другого продукта Google. Выбрав этот вариант, вы увидите код глобального тега. Скопируйте код и вставьте его между тегами <head></head> на всех страницах сайта.

      Ниже приведен пример глобального тега, в котором текст "CONVERSION_ID" соответствует уникальному идентификатору конверсии из вашего аккаунта Google Рекламы.

      <script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
      <script>

        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-CONVERSION_ID');

      </script>

       
    • На моем сайте установлен глобальный тег из другого сервиса Google (например, Аналитики) или другого аккаунта Google Рекламы. В этом случае вам не нужно снова добавлять на сайт глобальный тег, но, чтобы отслеживать конверсии для этого аккаунта, необходимо добавить команду config (фрагмент кода с идентификатором конверсии) во все экземпляры глобального тега. В примере ниже текст "AW-CONVERSION_ID" соответствует идентификатору конверсии из вашего аккаунта.

      gtag('config', 'AW-CONVERSION_ID');

      Добавьте команду config во все экземпляры глобального тега непосредственно перед закрывающим тегом </script>. 

      В примере ниже команда config добавлена дважды – для Аналитики и Google Рекламы (выделено желтым цветом).

      <script async src="https://www.googletagmanager.com/gtag/js?id=GA-_TRACKING_ID">
      </script>
      <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'GA_TRACKING_ID');
        gtag('config', 'AW-CONVERSION_ID');
      </script>

    • На моем сайте глобальный тег установлен при создании другого действия-конверсии в этом аккаунте Google Рекламы. Добавлять глобальный тег повторно в этом случае также не нужно. Просто убедитесь, что глобальный тег есть на каждой странице сайта и содержит команду config с нужным идентификатором конверсии (он отобразится при выборе этого варианта).
  2. Если требуется, внесите в глобальный тег изменения.  

    • Если вы не хотите, чтобы глобальный тег добавлял посетителей сайта в списки ремаркетинга, включите в команду config фрагмент, выделенный желтым цветом:

      gtag('config', 'AW-CONVERSION_ID', {'send_page_view': false});

    • Если вы не хотите, чтобы глобальный тег создавал собственные файлы cookie, связанные с вашим доменом, добавьте в команду config фрагмент, выделенный цветом:

      gtag('config', 'AW-CONVERSION_ID', {'conversion_linker': false});

      Мы не рекомендуем это делать, поскольку в результате снизится точность отслеживания конверсий.

  3. Скопируйте глобальный тег и добавьте его в код своего сайта, следуя инструкциям.

  4. В разделе "Фрагмент кода с номером телефона" выберите подходящий вариант.

    • Указать номер телефона, который отображается на вашем сайте. Введите номер, звонки на который необходимо отслеживать, в точности так, как он указан на вашем сайте. Например, если на сайте он содержит код страны, добавьте код страны. Затем нажмите Создать фрагмент кода. Этот вариант не подходит для отслеживания нескольких телефонных номеров.

      Пример. На вашем сайте указан номер 1-650-555-5555. Введите 1-650-555-5555. Если ввести 650-555-5555 или 555-5555, Google Реклама не сможет собирать данные о конверсиях для этого номера.

    • Не указывать номер – понадобится изменить код сайта вручную. После установки тега измените код согласно инструкциям ниже. Это вариант для более опытных пользователей, которые умеют работать с JavaScript. Он подходит для отслеживания нескольких телефонных номеров на сайте.

  5. В разделе "Установить фрагмент кода с телефонным номером" отобразится нужный код. Скопируйте его, чтобы сразу добавить на сайт, или нажмите Скачать тег, чтобы выполнить установку позже. 

  6. Откройте HTML-код страницы, на которой показывается номер телефона.

  7. Вставьте тег внутрь объекта <head>, сразу после глобального тега.

  8. Сохраните изменения.

  9. Нажмите Далее.

  10. Нажмите Готово

Пример

Ниже приведены примеры HTML-кода до и после добавления тега отслеживания конверсий.

До добавления тега (образец – не используйте на своем сайте):

<html>
<head>
<title>Образец HTML-файла</title>
</head>
<body>

Содержание вашей веб-страницы.
</body>
</html>


После добавления тега (образец – не используйте на своем сайте):

<html>
<head>
<title>Образец HTML-файла</title>


<!-- Глобальный тег сайта (gtag.js) - Google Реклама: AW-CONVERSION_ID -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-CONVERSION_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-CONVERSION_ID');

</script>

<script>
  gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-650-555-5555'
  });
</script>

</head>
<body>
Содержание вашей веб-страницы.
</body>
</html>

Как отслеживать звонки по номеру телефона на сайте с помощью Google Менеджера тегов

Звонки по номеру телефона, указанному на вашем сайте, можно отслеживать с помощью Google Менеджера тегов. Для этого необходимо войти в этот сервис и добавить глобальный тег и тег события в пользовательский HTML-тег.
 
Чтобы реализовать глобальный тег и тег события в одном пользовательском HTML-теге Менеджера тегов, выполните следующие действия:

  1. Создайте пользовательский HTML-тег, а затем добавьте в него глобальный тег и тег события gTag.
  2. Настройте триггер активации, например "Все страницы (Просмотр страницы)".

После этого с помощью Google Tag Assistant можно будет просматривать информацию о теге, активированном по событию, и показатели звонков. Вам также доступен режим предварительного просмотра и отладки.

Примечание

Если глобальный тег и тег события находятся в разных пользовательских HTML-тегах, вам нужно задать порядок активации, поскольку тег события должен срабатывать после глобального тега. В этом случае отслеживание звонков на сайте будет работать корректно. 

Как добавить на сайт номер Google для переадресации 

Если вы предоставили указанный на вашем сайте номер телефона, следуя инструкциям выше, то описанные ниже шаги выполнять не нужно. Если же вы выбрали вариант "Не указывать номер…", то сделайте следующее:

  1. Откройте HTML-код страницы, на которой показывается номер телефона и куда вы добавили код. Фрагмент кода с номером телефона будет иметь вид, аналогичный приведенному ниже. CONVERSION_ID соответствует идентификатору конверсии в вашем аккаунте, а CONVERSION_LABEL – ее названию.

    <script>
      gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
        'phone_conversion_number': 'REPLACE WITH VALUE'
      });
    </script>

  2. В параметре phone_conversion_number замените REPLACE WITH VALUE на номер телефона вашей компании. Он должен в точности соответствовать номеру на вашей странице, включая коды страны и региона.
  3. Добавьте к фрагменту с номером телефона параметры и соответствующие ему значения, как указано ниже (необязательно).
    1. phone_conversion_callback – функция обратного вызова. Она запускается при помощи двух аргументов. Первый – отформатированный номер телефона (в формате параметра phone_conversion_number), а второй – номер телефона в обычном виде (например, 84951234567).
    2. phone_conversion_css_class – название класса CSS. Содержание всех элементов этого класса будет заменено отформатированным номером телефона.
    3. phone_conversion_options. Может принимать одно из следующих значений:
      • timeout – максимальное время для получения номера в миллисекундах. Если по истечении этого времени не удается извлечь номер, звонки не поступают по месту назначения. По умолчанию время ожидания составляет 5000 миллисекунд.
      • cache – кеширование. Если этому параметру присвоено значение false, телефонный номер не будет кешироваться в файлах cookie, а если true – будет.

    Пример кода с дополнительными параметрами

    <script>
      gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
        'phone_conversion_number': '1-650-555-5555',
        'phone_conversion_callback': function(formatted_number, mobile_number) {
          // formatted_number: отображаемый номер в том же формате, что и 
          //     номер, передаваемый в 'phone_conversion_number' 
          //     (в этом примере – 1-650-555-5555)
          // mobile_number: номер, отформатированный для
          //      абсолютного URI типа tel: (в этом примере – +16505555555)
          var e = document.getElementById("number");
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        },
        'phone_conversion_options': {
          'timeout': 20,
          'cache': false
      }
    });
    </script>

     
  4. Сохраните изменения. 

Ниже приведены три примера реализации этого кода.

Пример 1. Замена обычного телефона на номер Google для переадресации

Замена содержания всех тегов определенного класса на номер телефона. В нашем примере сочетание цифр 1-800-123-4567 внутри тегов <span></span> будет заменено на отформатированный номер Google для переадресации, сгенерированный динамически.

  1.  Добавьте параметр phone_conversion_css_class со значением number к фрагменту кода с номером телефона (выделенная строка в примере ниже).

      <script type="text/javascript">
        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_css_class: 'number'
        });
      </script>

  2. Добавьте в HTML-код веб-страницы класс из параметра phone_conversion_css_class (выделенная строка в примере ниже) между тегами <span></span>, внутри которых заключен номер телефона.
    <body>
        <span class="number">1-800-123-4567</span>
    </body>

Пример 2. Передача номера Google для переадресации в пользовательскую функцию обратного вызова

При использовании функции ответного звонка содержимое элемента с идентификатором number заменяется отформатированным номером Google.

  1. Приведите фрагмент кода с номером телефона в соответствие с примером ниже. Замените 1-800-123-4567 на номер телефона, который отображается на сайте. Кроме того, не забудьте вместо CONVERSION_ID указать уникальный идентификатор конверсии из вашего аккаунта Google Рекламы, а вместо CONVERSION_LABEL – уникальный ярлык действия-конверсии.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: отображаемый номер в том же формате, что и
          //        'phone_conversion_number'
          //        (в этом примере – 1-800-123-4567)
          // mobile_number: номер, отформатированный для
          //        абсолютного URI типа tel: (в этом примере: 18001234567).
          var e = document.getElementById("number");
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        };

        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_callback': callback
        });
      </script>

  2. Добавьте в HTML-код веб-страницы параметр идентификатора со значением number (выделенная строка в примере ниже) между тегами <span></span>, внутри которых заключен номер телефона.
    <body>
      <span id="number">1-800-123-4567</span>
    </body>

Чтобы пользователям мобильных телефонов было проще вам позвонить, сделайте номер Google для переадресации интерактивным.

Пример 3. Передача телефонного номера Google в пользовательскую функцию ответного звонка на мобильном сайте
На веб-страницах мобильных сайтов с интерактивным номером телефона замените как отображаемое сочетание цифр, так и номер, по которому выполняется звонок. Для этого вам потребуется функция обратного вызова.

  1. Приведите фрагмент кода с номером телефона в соответствие с примером ниже. Замените 1-800-123-4567 на номер телефона, который отображается на сайте. Кроме того, не забудьте вместо CONVERSION_ID указать уникальный идентификатор конверсии из вашего аккаунта Google Рекламы, а вместо CONVERSION_LABEL – уникальный ярлык действия-конверсии.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: отображаемый номер в том же формате, что и
          //        'phone_conversion_number'
          //        (в этом примере – 1-800-123-4567)
          // mobile_number: номер, отформатированный для
          //        абсолютного URI типа tel: (в этом примере: 18001234567).
          var e = document.getElementById("number");
          e.href = "tel:" + mobile_number;
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        };
        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '1-800-123-4567',
          'phone_conversion_callback': callback
        });
      </script>

     
  2. Добавьте атрибут идентификатора со значением number (выделенная строка в примере ниже) в тег <a> HTML-кода веб-страницы, содержащий номер телефона.

    <body>
      <a href="tel:18001234567" id="number">1-800-123-4567</a>
    </body>

Проверка кода

Прежде чем действие-конверсия станет доступным для ваших объявлений, может пройти около часа. Чтобы проверить, как работает код, задайте в поиске запрос таким образом, чтобы среди результатов было и ваше объявление, и, нажав на него, перейдите на сайт (при этом вам придется оплатить собственный клик). Ваш обычный номер телефона должен быть заменен номером Google для переадресации.

Если вы захотите провести проверку повторно, удалите из браузера файл cookie gwcc, прежде чем снова нажимать на объявление.

 

 

Эта информация оказалась полезной?
Как можно улучшить эту статью?

Требуется помощь?

Войдите в свой аккаунт, чтобы мы могли предоставить вам дополнительные варианты поддержки и быстрее решить вашу проблему.