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

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

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

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

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

Конверсії викликів на веб-сайті можна відстежувати, лише якщо ввімкнуто номери телефонів. Указаний номер телефону використовуватиметься для відстеження дзвінків із вашого веб-сайту. Дізнайтеся, як користуватися номерами телефонів.

Переваги

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

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

Вимоги

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

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

Вказівки

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

Крок 1. Створіть дію-конверсію

  1. Увійдіть в обліковий запис Google Ads.
  2. У правому верхньому куті сторінки натисніть значок , а потім у розділі "Вимірювання" виберіть Конверсії.
  3. Натисніть кнопку .
  4. Натисніть Телефонні дзвінки.
  5. Виберіть Дзвінки за номером телефону на веб-сайті.
  6. У відповідному полі вкажіть назву конверсії, яку хочете відстежувати (наприклад, "підписка на інформаційні листи" або "придбання весільного букета"). Так ви зможете легко знайти цю дію згодом у звітах про конверсії. Приклад: "Замовлення квітів по телефону" або "Бронювання по телефону". 
  7. У розділі "Категорія" зі спадного меню виберіть опис дії конверсії. Тоді у звітах ви зможете переглядати всі подібні конверсії разом, сегментувавши їх за категоріями.
  8. У полі "Цінність" введіть цінність кожного виклику. Якщо цінність не потрібно враховувати, виберіть Не використовувати цінність
  9.  У розділі "Кількість" виберіть, як рахувати ці конверсії.
    • Одна: цей варіант найкраще підходить для відстеження потенційних клієнтів, коли цінність має лише одна конверсія від кожного кліку (наприклад, заповнення реєстраційної форми на сайті).
    • Усі: цей варіант оптимальний, якщо ви збираєте статистику продажів (тобто кожна конверсія цінна).
  10. Натисніть Тривалість дзвінка та вкажіть, скільки (у секундах) має тривати телефонний дзвінок, щоб його було зараховано як конверсію. 
  11. Натисніть Період урахування конверсії та виберіть вікно конверсії для цієї дії. Можна вибрати вікно тривалістю від одного тижня до 60 днів. 
  12. (Додатково) Натисніть Включити в стовпець "Конверсії". За умовчанням прапорець у цьому полі встановлено для всіх нових дій, щоб дані про них відображалися в стовпці "Конверсії". Його можна зняти – тоді дані показуватимуться лише в стовпці "Усі конверсії".

    Дані зі стовпця "Конверсії" використовуються стратегіями автоматичного призначення ставок (як-от "Цільова рентабельність інвестицій у рекламу", "Оптимізатор ціни за конверсію" або "Цільова ціна за конверсію"). Тож якщо для оптимізації конверсій вибрано стратегію автоматичного призначення ставок, але не потрібно включати в неї саме цю дію-конверсію, зніміть прапорець. В інших випадках залиште його. Дізнайтеся більше про параметр Включити в стовпець "Конверсії"
  13. Натисніть Створити та продовжити

З’явиться екран із діями, які потрібно виконати, щоб завершити налаштування відстеження конверсій.

Крок 2. Налаштуйте тег відстеження конверсій

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

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

Необхідно встановити глобальний тег на кожну сторінку веб-сайту, проте для кожного облікового запису Google Ads потрібен лише один такий тег.

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

  1. У розділі "Глобальний тег сайту" виберіть варіант, який найкраще вам підходить, і скористайтеся вказівками зі встановлення тегу.​
    • На моєму веб-сайті не встановлено глобальний тег сайту. Виберіть цей варіант, якщо ви вперше налаштовуєте тег для дії конверсії у своєму обліковому записі й до цього не встановлювали глобальний тег сайту з іншого продукту Google. Цей варіант відображає глобальний тег сайту повністю. Щоб установити тег, скопіюйте код і вставте його між тегами <head></head> на кожній сторінці свого веб-сайту.

      Нижче наведено приклад глобального тегу сайту, де CONVERSION_ID позначає унікальний для вашого облікового запису Google Ads ідентифікатор конверсії.

      <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 Analytics) або з іншого облікового запису Google Ads. Якщо саме цей варіант описує вашу ситуацію, вам не потрібно ще раз додавати глобальний тег сайту на своєму веб-сайті. Однак, щоб забезпечити відстеження конверсій у цьому обліковому записі, необхідно додати команду config (частина коду з вашим ідентифікатором конверсії) у кожен екземпляр глобального тегу сайту. У прикладі нижче показано цю команду, де AW-CONVERSION_ID позначає ідентифікатор конверсії вашого облікового запису.

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

      Додайте команду config у кожен екземпляр глобального тегу сайту одразу над кінцевим тегом </script> свого веб-сайту. 

      Нижче наведено приклад глобального тегу сайту, налаштованого одночасно для Google Analytics і Google Ads, у якому виділено команду config для облікового запису Google Ads.

      <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 Ads). Якщо саме цей варіант описує вашу ситуацію, вам не потрібно ще раз додавати глобальний тег сайту на своєму веб-сайті. Просто переконайтеся, що глобальний тег сайту присутній на кожній сторінці сайту, і команда 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 Ads не зможе знайти ваш номер на сайті та відстежувати конверсії.

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

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

  6. Відкрийте HTML-код сторінки веб-сайту, на якій відображається номер телефону.

  7. Вставте фрагмент номера телефону між тегами <head></head> сторінки, розташувавши його відразу після глобального тегу сайту.

  8. Збережіть внесені зміни.

  9. Натисніть Далі.

  10. Натисніть Готово

Приклад

Нижче наведено приклади HTML-коду сторінки до та після додавання тегу відстеження конверсій.

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

<html>
<head>
<title>Назва файлу HTML</title>
</head>
<body>

Це – основна частина веб-сторінки.
</body>
</html>


Зразок HTML-коду після вставлення коду відстеження конверсій (наведено для прикладу, не використовуйте на своєму веб-сайті).

<html>
<head>
<title>Назва файлу HTML</title>


<!-- Global site tag (gtag.js) - Google Ads: 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-тегах Менеджера тегів, необхідно ввімкнути порядок активації тегів, щоб фрагмент події запускався після запуску глобального тегу. Спеціальний глобальний HTML-тег сайту має запускатися до фрагмента події, щоб забезпечити відстеження конверсій виклику з веб-сайту. 

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

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

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

    <script>
      gtag('config', 'AW-CONVERSION_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', '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: форматований номер для інтерактивного посилання
          //      з tel:-URI (тут '+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 буде замінено динамічно створеним номером для переадресації в спеціальному форматі.

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

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

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

  1. Оновіть свій фрагмент номера телефону відповідно до наведеного нижче зразка коду. Замініть 38-044-123-4567 номером телефону, який відображається на вашому веб-сайті. Також обов’язково замініть CONVERSION_ID унікальним для вашого облікового запису Google Ads ідентифікатором конверсії, а CONVERSION_LABEL замініть на мітку конверсії, яка унікальна для дії конверсії.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: номер для показу в тому самому форматі, що й
          //        'phone_conversion_number'.
          //        (тут 38-044-123-4567)
          // mobile_number: форматований номер для інтерактивного посилання
          //        з tel:-URI (тут +380441234567)
          var e = document.getElementById("number");
          e.innerHTML = "";
          e.appendChild(document.createTextNode(formatted_number));
        };

        gtag('config', 'AW-CONVERSION_ID/CONVERSION_LABEL', {
          'phone_conversion_number': '38-044-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. Оновіть свій фрагмент номера телефону відповідно до наведеного нижче зразка коду. Замініть 38-044-123-4567 номером телефону, який відображається на вашому веб-сайті. Також обов’язково замініть CONVERSION_ID унікальним для вашого облікового запису Google Ads ідентифікатором конверсії, а CONVERSION_LABEL замініть на мітку конверсії, яка унікальна для дії конверсії.

      <script type="text/javascript">
        var callback = function(formatted_number, mobile_number) {
          // formatted_number: номер для показу в тому самому форматі, що й
          //        'phone_conversion_number'.
          //        (тут 38-044-123-4567)
          // mobile_number: форматований номер для інтерактивного посилання
          //        з tel:-URI (тут +380441234567)
          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': '38-044-123-4567',
          'phone_conversion_callback': callback
        });
      </script>

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

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

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

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

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

 

 

Чи корисна ця інформація?
Як можна її покращити?

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

Увійдіть в обліковий запис, щоб отримати додаткову допомогу та швидко вирішити проблему