Calltouch — это один из лидеров на рынке аналитики и управления рекламой, который предоставляет мощные инструменты для отслеживания звонков, анализа конверсий и улучшения рекламных кампаний. В этой статье мы рассмотрим, как правильно подключить Calltouch к вашему сайту, используя JavaScript и PHP.
Шаг 1: Регистрация и настройка аккаунта Calltouch
Прежде чем приступать к интеграции, необходимо зарегистрироваться в Calltouch и создать проект для вашего сайта. Следуйте этим шагам:
- Войдите в личный кабинет и создайте новый проект.
- Получите уникальный идентификатор проекта (Project ID), который понадобится для дальнейшей интеграции.
Шаг 2: Подключение Calltouch через JavaScript
Подключение Calltouch через JavaScript — это наиболее распространенный метод интеграции, который позволяет отслеживать звонки и конверсии на вашем сайте. Следуйте этим шагам для настройки:
Добавление скрипта Calltouch на ваш сайт:
Вставьте следующий код в тег <head> вашего HTML-документа:
html
<script type="text/javascript">
(function(w, d, s, h, id) {
w.roistatProjectId = id; w.roistatHost = h;
var p = d.location.protocol == "https:" ? "https://" : "http://";
var u = p + h + "/project/" + id + "/tracking.js";
var r = d.getElementsByTagName(s)[0]; var j = d.createElement(s); j.async = true; j.src = u;
r.parentNode.insertBefore(j, r);
})(window, document, 'script', 'cloud.roistat.com', 'ВАШ_PROJECT_ID');
</script>
Замените 'ВАШ_PROJECT_ID' на ваш уникальный идентификатор проекта.
Отслеживание звонков:
Чтобы отслеживать звонки, нужно настроить события на номера телефонов. Добавьте следующий код в нужные места вашего HTML:
html
<a href="tel:+1234567890" onclick="ct('goal', 'call', 'Номер телефона');">Позвонить</a>
- В данном примере, когда пользователь нажимает на ссылку, Calltouch будет отслеживать звонок.
Шаг 3: Подключение Calltouch через PHP
Иногда требуется более глубокая интеграция с серверной частью сайта. В этом случае можно использовать PHP для работы с API Calltouch.
Создание PHP скрипта для отправки данных в Calltouch:
php
<?php
function sendCalltouchData($phoneNumber) {
$url = 'https://api.calltouch.ru/calls-service/RestAPI/ВАШ_PROJECT_ID/calls/orders/register/';
$data = [
'phoneNumber' => $phoneNumber,
'requestUrl' => $_SERVER['HTTP_REFERER'],
'sessionId' => $_COOKIE['ct_session_id'],
];
$options = [
'http' => [
'header' => "Content-type: application/x-www-form-urlencoded\r\n",
'method' => 'POST',
'content' => http_build_query($data),
],
];
$context = stream_context_create($options);
$result = file_get_contents($url, false, $context);
if ($result === FALSE) {
// Обработка ошибок
}
}
// Пример использования
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
sendCalltouchData($_POST['phone']);
}
?>
Отправка данных из формы на сайт:
Создайте HTML-форму и укажите обработчик для отправки данных:
html
<form action="path/to/your/php/script.php" method="post">
<input type="text" name="phone" placeholder="Ваш телефон" required>
<button type="submit">Отправить</button>
</form>
Шаг 4: Проверка и тестирование
После завершения интеграции важно протестировать работу Calltouch на вашем сайте:
- Проверьте, что скрипт JavaScript правильно загружается на всех страницах.
- Убедитесь, что события отслеживаются и данные отправляются в Calltouch.
- Проведите тестовые звонки и проверьте, отображаются ли они в вашем аккаунте Calltouch.
Интеграция Calltouch на ваш сайт позволяет улучшить качество анализа звонков и эффективности рекламных кампаний. Используя описанные методы подключения через JavaScript и PHP, вы сможете максимально эффективно настроить отслеживание конверсий и повысить результативность вашего бизнеса. При возникновении сложностей всегда можно обратиться к документации Calltouch или поддержке сервиса для получения дополнительной информации и помощи.