WhatsApp. Как оцифровать входящее сообщение и передавать время клика в Яндекс.Метрике

Всем привет! Меня зовут Станислав, я руководитель в проектной команде Road Map. За 8 лет работы мы накопили уже немалый опыт в настройке рекламы для разных ниш, но не делились результатами публично. Хотя нам есть, что показать!

Сегодня я расскажу про то, как мы оцифровываем лиды из WhatsApp.

Есть скрипт, который присваивает в конце сообщения Client ID из Яндекс Метрики. А дальше уже можно поставить его в поле Client ID в CRM системе и найти визит в метрике.

Удаляют ли сообщение или код в конце?
Да, около 20% таких визитов удаляют код или переписывают сообщение

Сам код, который написан GPT4

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Обновление ссылок WhatsApp</title> <script> function getClientId() { // Предполагается, что Client ID хранится в cookie _ym_uid const name = "_ym_uid="; const decodedCookie = decodeURIComponent(document.cookie); const ca = decodedCookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1); } if (c.indexOf(name) === 0) { return c.substring(name.length, c.length); } } return ""; } function updateWhatsAppLinks() { const clientId = getClientId(); const message = `Здравствуйте. Текст, который я хочу вписать. Номер сообщения ${clientId}`; const links = document.querySelectorAll('a[href*="wa.me"]'); links.forEach(link => { const url = new URL(link.href); const currentText = url.searchParams.get('text') || ''; const newText = `${currentText} ${message}`.trim(); url.searchParams.set('text', newText); link.href = url.toString(); }); } document.addEventListener('DOMContentLoaded', updateWhatsAppLinks); </script> </head>

Тут мы ставим через GTM скрипт, который передает время клика в параметр визита в Яндекс Метрики.

Сам код, который был написан GPT4

Не забудьте указать свой номер! Можете дать этот код GPT или самим поменять цвет и размер кнопки.

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Кнопка для WhatsApp</title> <style> .whatsapp-button { position: fixed; right: 20px; bottom: 20px; background-color: #25d366; border: none; padding: 10px; border-radius: 50%; cursor: pointer; z-index: 1000; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; } .whatsapp-button img { width: 100%; height: 100%; } .whatsapp-button:hover { background-color: #1da851; } </style> </head> <body> <a href="https://wa.me/НОМЕР_ТЕЛЕФОНА_УКАЗАТЬ_ТУТ" target="_blank" class="whatsapp-button"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp Logo"> </a> </body> </html>

Мой контакт в телеграм