Отслеживание звонков по номеру телефона на сайте

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

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

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

Совет. В Google Аналитике появились функция Аналитика звонков и соответствующие отчеты. Если у вас есть аккаунт Google Аналитики, при включении звонков-конверсий с сайта вам станет доступна отчетность по таким звонкам. Показатели функции "Аналитика звонков" доступны как один из вариантов группы показателей в отчетах Google Рекламы.

Подготовка

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

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

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

Инструкции

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

  1. Создайте действие-конверсию
  2. Создайте Google

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

  1. В разделе "Фрагмент кода с номером телефона" нажмите Скачать тег. Этот код можно добавить на сайт вручную. Он заменяет номер телефона на вашем сайте на номер Google для переадресации. Таким образом, вы можете узнать, как часто потенциальные клиенты звонят вам с сайта после просмотра рекламы. Во фрагмент будет автоматически добавлен указанный вами отображаемый номер телефона.
  2. Выберите способ добавления тега. Например, вы можете:
    • Самостоятельно установить тег. После установки тега измените код согласно инструкциям ниже. Это вариант для более опытных пользователей, которые умеют работать с JavaScript. Он подходит для отслеживания нескольких телефонных номеров на сайте. Примечание. С помощью стандартного тега JavaScript на одной странице можно отслеживать только один номер.
    • Отправить тег по электронной почте.
    • Использовать Google Менеджер тегов.
  3. Если вы выберете Отправить тег по электронной почте, нужно будет указать адрес веб-разработчика.
  4. Нажмите Отправить и продолжить.
  5. Нажмите Создать и продолжить.
Ниже приведены примеры HTML-кода до и после добавления тега отслеживания конверсий.
  • До добавления тега (образец – не используйте на своем сайте):

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

    Основной контент веб-страницы.
    </body>
    </html>

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

    <html>
    <head>
    <title>Sample HTML File</title>

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

    </script>

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

    </head>
    <body>

    Основной контент веб-страницы.
    </body>
    </html>

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

Звонки по номеру телефона, указанному на вашем сайте, можно отслеживать с помощью Google Менеджера тегов, следуя приведенным ниже советам.

Настройте тег в Google Менеджере тегов

  1. Войдите в Google Менеджер тегов.
  2. Выберите любую рабочую область.
  3. Нажмите Теги.
  4. Чтобы создать тег, нажмите кнопку Создать.
  5. Нажмите Конфигурация тега. Прокрутите страницу вниз и выберите Звонки в Google Рекламе после конверсии на сайте.
  6. Укажите номер телефона, который опубликован на сайте.
    Примечание. Номер телефона необходимо вводить в точности так, как он указан на вашем сайте.
  7. Укажите идентификатор и название конверсии из аккаунта Google Рекламы.
  8. Укажите или создайте триггер, который будет активироваться при нажатии на поисковое объявление с номером телефона для переадресации.
    • Примечание. Когда пользователь нажимает на объявление и переходит на страницу вашего сайта, номер для переадресации, указанный на шаге 6, активируется без дополнительных триггеров.
  9. Сохраните тег и опубликуйте изменения.

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

Измените код сайта вручную, чтобы добавить номер Google для переадресации

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

Примеры

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

    <script>
    gtag('config', 'TAG_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', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-650-555-5555',
    'phone_conversion_callback': function(formatted_number, mobile_number) {
    // formatted_number: number to display, in the same format as the
    // number passed to 'phone_conversion_number'.
    // (in this case, '1-650-555-5555')
    // mobile_number: number formatted for use in a clickable link
    // with tel:-URI (in this case, '+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', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-800-123-4567',
    'phone_conversion_css_class':'number'
    });
    </script>

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

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

Получение номера телефона и его передача функции обратного вызова (callback). В нашем примере содержимое элемента с идентификатором number заменяется отформатированным номером Google.

  1. Приведите фрагмент кода с номером телефона в соответствие с примером ниже. Замените текст "1-800-123-4567" на номер телефона, который отображается на сайте. Кроме того, не забудьте вместо TAG_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', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-800-123-4567',
    'phone_conversion_callback': callback
    });
    </script>

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

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

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

  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'.
    // (in this case, '1-800-123-4567')
    // mobile_number: number formatted for use in a clickable link
    // with tel:-URI (in this case, '+18001234567')
    var e = document.getElementById("number");
    e.href = "tel:" + mobile_number;
    e.innerHTML = "";
    e.appendChild(document.createTextNode(formatted_number));
    };
    gtag('config', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-800-123-4567',
    'phone_conversion_callback': callback
    });
    </script>
  2. Добавьте атрибут "id" со значением "number" (выделенная строка в примере ниже) в тег <a> HTML-кода веб-страницы, содержащий номер телефона.
    <body>
    <a href="tel:18001234567" id="number">1-800-123-4567</a>
    </body>

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

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

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

Эта информация оказалась полезной?

Как можно улучшить эту статью?
Поиск
Очистить поле поиска
Закрыть поиск
Главное меню
10754568830752381494
true
Поиск по Справочному центру
true
true
true
true
true
73067
false
false
false