Чому не працює відстеження кліків по телефону в Google Analytics 4

Проблема

При налаштуванні відстеження кліків по телефонних посиланнях у Google Analytics 4 багато хто стикається з тим, що події не реєструються. WhatsApp та інші зовнішні посилання відстежуються нормально, а ось кліки по номеру телефону ігноруються.

Чому це відбувається?

Причина криється в технічній різниці між типами посилань:

• Зовнішні посилання (наприклад, https://wa.me/номер) відкриваються з невеликою затримкою, даючи час GA4 відправити подію
• Протокольні посилання (tel:номер) миттєво передають керування додатку для дзвінків, перериваючи виконання JavaScript

В результаті подія в GA4 просто не встигає відправитися.

Рішення

Додайте цей простий JavaScript-код на ваш сайт:

<script>
// Відстеження кліків по телефону
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('a[href^="tel:"]').forEach(function(link) {
        link.addEventListener('click', function() {
            // Відправляємо подію в GA4 з примусовою відправкою
            gtag('event', 'phone_click', {
                'event_category': 'contact',
                'event_action': 'click',
                'event_label': this.href.replace('tel:', ''),
                'transport_type': 'beacon'
            });
        });
    });
});
</script>

Як це працює:

1. document.querySelectorAll('a[href^="tel:"]') – знаходить всі посилання, що починаються з tel:
2. addEventListener('click') – відстежує кліки по цим посиланням
3. transport_type: 'beacon' – забезпечує надійну відправку події навіть при швидкому переході

Альтернативне рішення

Якщо ви не хочете додавати окремий скрипт, можна додати відстеження прямо в HTML:

<a href="tel:+380123456789" 
   onclick="gtag('event', 'phone_click', {'event_category': 'contact', 'transport_type': 'beacon'});">
   Подзвонити
</a>

Перевірка роботи

Після впровадження коду:

1. Відкрийте DebugView у Google Analytics 4
2. Клікніть по телефонному посиланню на сайті
3. Переконайтеся, що подія phone_click з’являється в реальному часі

Проблема з відстеженням телефонних кліків — це технічна особливість браузерів, а не помилка в налаштуваннях Google Analytics. Просте додавання JavaScript-коду з використанням transport_type: 'beacon' повністю вирішує цю проблему і забезпечує коректне відстеження всіх звернень до контактного телефону.

Корисні поради:

• Код працює автоматично для всіх посилань типу tel: на сторінці
• Використовуйте DebugView для перевірки роботи подій
• Подія phone_click буде відображатися в звітах GA4 через 24-48 годин
• Для швидкої перевірки використовуйте розділ “Реальний час” → “Події”