Сквозная аналитика для WABA/WhatsApp

Для настройки сквозной аналитики обратитесь к разработчикам в вашей компании

Инструкция по установке кода для сквозной аналитики WhatsApp в amoCRM:

Данная инструкция поможет настроить сбор аналитических данных с использованием WhatsApp в amoCRM. По умолчанию будут собираться данные с Яндекс Метрики, Google Аналитики, Roistat, UTM-меток и Referrer. Если какой-либо из этих трекеров не требуется, его можно удалить из списка в коде.

Шаг 1: Настройка трекеров:

Скопируйте код трекера:

(function () {
	const enabled_trackers = ["ym", "ga", "roistat", "utm", "referrer"];
	const message = "Здравствуйте! Появились вопросы по продуктам вашего сервиса. {radist_tracker}";
	const url = new URL(document.location);
	function getCookie(name) {
    	return document.cookie
      	.split("; ")
      	.find((row) => row.startsWith(`${name}=`))
      	?.split("=")[1];
	}

	const trackers = {
    	"ym": function (result) {
        	let value = getCookie("_ym_uid");
        	if (!!value && !result.has("ym"))
            	result.append("ym", value);
    	},
    	"ga": function (result) {
        	let value = getCookie("_ga");
        	if (!!value && !result.has("ga"))
            	result.append("ga", value);
    	},
    	"roistat": function (result) {
        	let value = getCookie("roistat_visit");
        	if (!!value && !result.has("roistat"))
            	result.append("roistat", value);
    	},
    	"utm": function (result) {
        	url.searchParams.forEach((value, key) => {
            	if (key.startsWith("utm_") && !!value && !result.has(key))
                	result.append(key, value);
        	});
    	},
    	"referrer": function (result) {
        	let referrer = document.referrer;
        	if (!!referrer && !result.has("referrer"))
            	result.append("referrer", referrer);
    	}
	}
	let collected_trackers = new  URLSearchParams();

	function replaceLink(href, text) {
    	href = new URL(href);
    	if (href.origin === "https://wa.me") {
        	href = `${href.protocol}//${href.host}${href.pathname}?text=${text}`;
    	} else if (href.protocol === "whatsapp:") {
        	let phone = href.searchParams.get("phone");
        	href = `${href.protocol}${href.host}${href.pathname}?phone=${phone}&text=${text}`;
    	}
    	else {
        	let phone = href.searchParams.get("phone");
        	href = `${href.protocol}//${href.host}${href.pathname}?phone=${phone}&text=${text}`;
    	}
    	return href.toString();
	}
	function replaceWhatsappLinks() {
    	enabled_trackers.forEach((tracker) => {
        	trackers[tracker](collected_trackers);
    	});
    	console.log("Collected trackers:", collected_trackers.toString());
    	let text = message.replace(/{radist_tracker}/g, collected_trackers.toString());
    	text = encodeURIComponent(text);
    	let linkElements = document.querySelectorAll('[href*="//wa.me"], [href*="//api.whatsapp.com/send"], [href*="//web.whatsapp.com/send"], [href^="whatsapp://send"]');
    	for (let elementKey in linkElements) {
        	if (linkElements.hasOwnProperty(elementKey)) {
            	let element = linkElements[elementKey];
            	element.href = replaceLink(element.href, text);
        	}
    	}
	}

	for (let i = 0; i < 10; i++) {
    	setTimeout(replaceWhatsappLinks, 1000 * i);
	}
})()

// Some code

Настройте трекеры: В файле найдите следующую строку:

const enabled_trackers = ["ym", "ga", "roistat", "utm", "referrer"];

Здесь указаны включенные трекеры:

ym — Яндекс Метрика
ga — Google Аналитика
roistat — Roistat
utm — UTM-метки
referrer — Referrer

Пример: Если вам не требуется собирать данные через Roistat, удалите roistat из массива:

const enabled_trackers = ["ym", "ga", "utm", "referrer"];

Шаг 2: Настройка сообщения

Найдите строку с настройкой сообщения:

const message = "Здравствуйте! Появились вопросы по продуктам вашего сервиса. {radist_tracker}";

Замените текст сообщения на необходимый вам.

Важно: метка {radist_tracker} должна оставаться в конце сообщения. Это позволит подставлять название трекера в сообщение.

Пример: Если хотите изменить сообщение на "Добрый день! У меня есть несколько вопросов о вашем сервисе.", настройте строку так:

const message = "Добрый день! У меня есть несколько вопросов о вашем сервисе. {radist_tracker}";

Шаг 3: Вставка кода на сайт:

Скопируйте весь код трекера.
Вставьте код в конец страницы вашего сайта (например, перед закрывающим тегом </body>).

Пример вставки кода:

<!DOCTYPE html>
<html lang="ru">
<head>
	<!-- Остальной код страницы -->
</head>
<body>
	<!-- Содержимое страницы -->
    
	<!-- Вставьте код трекера сюда -->
	<script>
    	// Ваш код трекера
    	const enabled_trackers = ["ym", "ga", "roistat", "utm", "referrer"];
    	const message = "Здравствуйте! Появились вопросы по продуктам вашего сервиса. {radist_tracker}";
    	// Остальной код для трекеров
	</script>
</body>
</html>

Завершение:

После выполнения всех шагов, ваш сайт будет собирать данные аналитики и передавать их в amoCRM с в первом сообщении в WhatsApp:

Убедитесь, что корректно настроили все трекеры и сообщение, чтобы получить точные данные и вы увидите это в аmoCRM в таком виде:

❗️ Если возникнут проблемы или вопросы, свяжитесь с разработчиком вашего сайта.

PreviousСквозная аналитика (Beta)NextBitrix24

Last updated 2 months ago