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

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

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

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>