Як відстежувати дзвінки з веб-сайту на номер телефону

Використовуйте відстеження дзвінків-конверсій, щоб знати, як часто користувачі телефонують у вашу компанію з веб-сайту, на який вони перейшли після перегляду вашого оголошення.

За такого відстеження виклик, довший за мінімальний установлений час, зараховується як конверсія. Коротші виклики відфільтровуються як такі, що навряд чи приведуть до продажу або іншої цінної для вас дії.

Замініть свої номери телефонів динамічно створеними номерами Google для переадресації, щоб визначати, які саме ключові слова, оголошення, групи оголошень і кампанії призводять до дзвінків-конверсій.

Порада. Функція аналітики телефонних дзвінків і звітів про них уже доступна в Google Analytics. Якщо у вас є обліковий запис Google Analytics, то ввімкнувши відстеження дзвінків-конверсій із веб-сайту, ви отримаєте доступ до відповідних звітів. Дані аналітики телефонних дзвінків доступні як один із варіантів групи показників у звітах Google Ads.

Перш ніж почати

Якщо ви користуєтесь іншою системою, щоб дізнаватися, які виклики ініціюють продажі чи інші цінні дії, імпортуйте дзвінки-конверсії. Або перегляньте цю статтю й ознайомтеся з усіма типами телефонних дзвінків-конверсій, які можна відстежувати.

Щоб налаштувати відстеження дзвінків-конверсій із веб-сайту, вам потрібні:

  • обліковий запис Google Ads;
  • компанія, зареєстрована в країні, де підтримується відстеження конверсій викликів із веб-сайту (номери Google для переадресації наразі доступні в цих країнах);
  • веб-сайт: саме тут потрібно вставити код (тег) відстеження конверсій;
  • можливість редагування веб-сайту: ви або ваш веб-розробник повинні мати право додавати тег відстеження конверсій на сайт і фрагменти коду JavaScript, щоб змінити номер телефону компанії на номер Google для переадресації.

Вказівки

Налаштування відстеження дзвінків-конверсій на номер Google для переадресації виконується у 2 кроки.

  1. Створіть дію-конверсію.
  2. Налаштуйте тег Google.

Налаштувавши тег Google, вам потрібно буде додати фрагмент коду з номером телефону, який заміняє номер телефону на вашому веб-сайті номером Google для переадресації. Додайте цей фрагмент на сторінки сайту, які містять ваш номер телефону.

  1. У розділі "Фрагмент коду з номером телефону" натисніть Завантажити фрагмент. Ви можете вказати фрагмент коду з номером телефону вручну на своєму веб-сайті. Такий фрагмент заміняє номер на вашому веб-сайті номером Google для переадресації, щоб ви могли відстежувати, наскільки ефективно ваші оголошення ініціюють телефонні дзвінки з веб-сайту. Фрагмент буде автоматично заповнено вказаним вами відображуваним номером.
  2. Виберіть спосіб встановлення тегу (доступні варіанти наведено нижче).
    • Установити тег вручну. Якщо ви вибрали цей варіант, дотримуйтеся наведених нижче вказівок, щоб змінити код веб-сайту вручну після встановлення тегу. Це складніший спосіб. Вибирайте його, якщо вмієте користуватися JavaScript. За допомогою цього способу можна налаштувати відстеження дзвінків на кілька номерів телефонів на веб-сайті. Зверніть увагу: на одній сторінці за допомогою стандартного тегу JavaScript можна відстежувати лише один номер телефону.
    • Надіслати тег електронною поштою.
    • Скористатися Менеджером тегів Google.
  3. Якщо ви виберете варіант Надіслати тег електронною поштою, укажіть електронну адресу веб-розробника в полі "Електронна адреса".
  4. Натисніть Надіслати й продовжити.
  5. Натисніть Створити й продовжити.
Нижче наведено приклади HTML-коду сторінки до й після додавання тегу відстеження конверсій.
  • Приклад HTML-коду перед додаванням коду відстеження конверсії (це лише зразок, не використовуйте його для свого веб-сайту).

    <html>
    <head>
    <title>Зразок файлу HTML</title>
    </head>
    <body>
    Основний вміст веб-сторінки.
    </body>
    </html>

  • Приклад HTML-коду після додавання коду відстеження конверсій (це лише зразок, не використовуйте його для свого веб-сайту).

    <html>
    <head>
    <title>Зразок файлу HTML</title>
    <!-- Тег Google (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 Ads – дзвінки з веб-сайту.
  6. Надайте номер телефону, який відображається на вашому веб-сайті.
    Примітка. Введений номер телефону має бути точно таким, як на веб-сайті.
  7. Укажіть ідентифікатор і мітку конверсії з облікового запису Google Ads.
  8. Укажіть або створіть активатор, який запускатиметься, коли користувач натискатиме оголошення в пошуковій мережі, а потім телефонуватиме на номер для переадресації, що відображається на вашому веб-сайті.
    • Зверніть увагу: після того як користувач натисне оголошення й відвідає вашу веб-сторінку, номер для переадресації, наданий у кроці 6, активується без будь-яких додаткових дій користувача.
  9. Збережіть тег і опублікуйте зміни.

Примітка. Стандартний тег Менеджера тегів Google для дзвінків-конверсій із веб-сайту не підтримує міжнародні формати номерів. Якщо використати їх, номери Google для переадресації відображатимуться зі знаками "плюс" (+), які є зайвими. Щоб запобігти виникненню проблем, використовуйте національний формат номера телефону без знака "плюс" (+).

Як вручну відредагувати код веб-сайту, щоб показувати номер Google для переадресації

Якщо під час виконання наведених вище вказівок ви вказали номер телефону, який розміщено на вашому веб-сайті, пропустіть подальші кроки. Якщо вибрано варіант "Не вводити номер телефону", ви або веб-розробник повинні переглянути наведені нижче приклади, щоб з’ясувати, що робити далі.

Приклади

  1. Відкрийте HTML-код сторінки, де розміщено фрагмент коду з номером телефону, або сторінку, на якій відображається номер телефону. Нижче показано, який вигляд матиме фрагмент коду з номером телефону, де TAG_ID позначатиме ідентифікатор тегу, а CONVERSION_LABEL – мітку конверсії.

    <script>
    gtag('config', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': 'ЗАМІНІТЬ НА ЗНАЧЕННЯ'
    });
    </script>

  2. Замість "ЗАМІНІТЬ НА ЗНАЧЕННЯ" для параметра phone_conversion_number введіть номер телефону вашої компанії. Переконайтеся, що цей номер точно збігається з номером на вашій сторінці й містить код країни.
  3. За потреби додайте ці необов’язкові параметри у фрагмент коду з номером телефону. Нижче описано, як указати значення для кожного параметра.
    1. phone_conversion_callback: функція зворотного виклику. Ця функція викликатиметься двома аргументами. Перший аргумент – це номер телефону в спеціальному форматі (такий, як у phone_conversion_number), другий – номер телефону у звичайному форматі (наприклад, 18001234567).
    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: номер для показу в тому самому форматі, що й
    // номер, переданий у параметр '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 для переадресації

Ця функція замінює вміст усіх тегів span заданого класу потрібним номером телефону. У прикладі нижче номер телефону 1-800-123-4567 у тегу span буде замінено динамічно створеним номером для переадресації в спеціальному форматі.

  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. В HTML-коді веб-сторінки додайте в тег span, який містить номер телефону, клас із параметра phone_conversion_css_class (виділено в прикладі нижче).
    <body>
    <span class="number">1-800-123-4567</span>
    </body>

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

За допомогою цієї функції номер телефону надсилається у функцію зворотного виклику. У прикладі нижче ця функція замінить вміст елемента з ідентифікатором number на форматований номер переадресації.

  1. Оновіть свій фрагмент коду з номером телефону відповідно до наведеного нижче зразка. Замініть 1-800-123-4567 номером телефону, який відображається на вашому веб-сайті. Також обов’язково замініть TAG_ID ідентифікатором тегу, що є унікальним для вашого облікового запису Google Ads, а 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. В HTML-коді веб-сторінки додайте в тег span, який містить номер телефону, значення number у параметр id (виділено в прикладі нижче).
    <body>
    <span id="number">1-800-123-4567</span>
    </body>

Якщо ви хочете, щоб користувачі могли легко телефонувати до вашої компанії із сайту для мобільних пристроїв, зробіть номер Google для переадресації інтерактивним.

Приклад 3. Передавання номера Google для переадресації у власну функцію зворотного виклику на мобільному сайті
На сторінках мобільного сайту з інтерактивним номером телефону замініть і номер, що відображається, і номер, за яким здійснюється виклик після натискання. Це можна зробити за допомогою функції зворотного виклику.

  1. Оновіть свій фрагмент коду з номером телефону відповідно до наведеного нижче зразка. Замініть 1-800-123-4567 номером телефону, який відображається на вашому веб-сайті. Також обов'язково замініть CONVERSION_ID унікальним для вашого облікового запису Google Ads ідентифікатором конверсії, а 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', 'TAG_ID/CONVERSION_LABEL', {
    'phone_conversion_number': '1-800-123-4567',
    'phone_conversion_callback': callback
    });
    </script>
  2. В HTML-коді веб-сторінки додайте в тег <a>, який містить ваш номер телефону, атрибут id зі значенням number (виділено в прикладі нижче).
    <body>
    <a href="tel:18001234567" id="number">1-800-123-4567</a>
    </body>

Як перевірити код

Увімкнення цієї дії-конверсії для ваших оголошень може тривати годину. Щоб перевірити, чи працює вона, можна здійснити пошук, за яким з’явиться ваше оголошення, а потім натиснути оголошення, щоб перейти на веб-сайт (з вас буде стягнуто плату за клік). Ваш звичайний номер телефону має замінитися номером Google для переадресації.

Щоб здійснити повторну перевірку, видаліть файл cookie gwcc із веб-переглядача, перш ніж знову натискати оголошення.

Статті за темою

Чи корисна ця інформація?

Як можна її покращити?

Потрібна додаткова допомога?

Спробуйте дії нижче.

Опублікуйте запитання на довідковому форумі Отримайте відповіді від учасників форуму
Зв’яжіться з нами Розкажіть нам більше й отримайте допомогу
true
Achieve your advertising goals today!

Attend our Performance Max Masterclass, a livestream workshop session bringing together industry and Google ads PMax experts.

Register now

Пошук
Очистити пошук
Закрити пошук
Головне меню
10251215823935650770
true
Пошук у довідковому центрі
true
true
true
true
true
73067
false
false
false