Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
tlpro:integrations [2025/09/26 12:26]
n.zalozin
tlpro:integrations [2025/10/13 11:20] (текущий)
n.zalozin
Строка 1: Строка 1:
-====== Интеграции с виджетом ======+====== Настройка Яндекс.Метрики для сайта и фрейма Ticketland ====== 
 + 
 +**Краткое руководство по установке и базовой настройке счетчика Яндекс.Метрики** 
 + 
 +<WRAP center round info 60%> 
 +**Время настройки:** 15-30 минут    
 +**Необходимо:** доступ к редактированию кода сайта 
 +</WRAP> 
 + 
 +===== Быстрая навигация ===== 
 +  - [[#создание_счетчика|Создание счетчика]] 
 +  - [[#установка_на_сайт|Установка на сайт]] 
 +  - [[#настройка_для_фрейма_ticketland|Настройка для фрейма Ticketland]] 
 +  - [[#проверка_работы|Проверка работы]] 
 +  - [[#полезные_ссылки|Полезные ссылки]] 
 + 
 +===== Создание счетчика ===== 
 + 
 +=== Шаг 1: Регистрация в Метрике === 
 + 
 +  1. Перейдите в сервис 
 +   
 +[[https://metrika.yandex.ru/|Яндекс.Метрика]] 
 +   
 +  2. Нажмите кнопку 
 +**"Добавить счетчик"** 
 +  3. Авторизуйтесь с помощью Яндекс.ID 
 + 
 +=== Шаг 2: Основные настройки === 
 + 
 +Заполните обязательные поля: 
 + 
 +| Параметр | Пример значения | Примечание | 
 +| **Имя счетчика** | `Основной сайт example.com` | Для идентификации в списке | 
 +| **Адрес сайта** | `example.ru` | Без http/https | 
 +| **Часовой пояс** | Москва, +3 GMT | Для корректного времени в отчетах | 
 +| **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком | 
 + 
 +=== Шаг 3: Дополнительные опции === 
 + 
 +Рекомендуемые настройки: 
 +<code> 
 +[✓] Вебвизор, карта скроллинга, аналитика форм 
 +[✓] Автоматические цели 
 +[✓] Яндекс.Директ (если используется) 
 +[ ] Электронная коммерция (только для магазинов) 
 +</code> 
 + 
 +=== Шаг 4: Завершение создания === 
 + 
 +  1. Примите условия пользовательского соглашения 
 +  2. Нажмите кнопку 
 +**"Создать счетчик"** 
 +  3. Нажмите кнопку 
 +**"Сохраните номер счетчика"** 
 +     (например: 12345678) 
 + 
 +===== Установка на сайт ===== 
 + 
 +=== Базовый код для вставки === 
 + 
 +Скопируйте этот код в тег `<head>` на всех страницах сайта: 
 + 
 +<code html> 
 +<!-- Yandex.Metrika counter --> 
 +<script type="text/javascript"> 
 +   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; 
 +   m[i].l=1*new Date(); 
 +   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 
 +   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); 
 + 
 +   ym(12345678, "init",
 +        clickmap:true, 
 +        trackLinks:true, 
 +        accurateTrackBounce:true, 
 +        webvisor:true 
 +   }); 
 +</script> 
 +<noscript><div><img src="https://mc.yandex.ru/watch/12345678" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 
 +<!-- /Yandex.Metrika counter --> 
 +</code> 
 + 
 +где 12345678 - ваш номер счетчика. 
  
-Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или отправлять данные в рекламные системы для оптимизации маркетинговых активностей. В данной инструкции вы узнаете, как интегрировать виджет с аналитикой и социальными сетями. 
 <WRAP center round important 60%> <WRAP center round important 60%>
-+❗ **Внимание:** Если ваш сайт также использует Яндекс Метрику для аналитики, не используйте его номер счетчика для фрейма тикетленд. Создайте отдельный. 
 +</WRAP> 
 +=== Установка через CMS === 
 + 
 +**WordPress:** Используйте плагин "Yandex Metrica" или вставьте код в `header.php`   
 + 
 +**1C-Битрикс:** Раздел "Маркетинг" → "Веб-аналитика"   
 + 
 +**Tilda:** Настройки сайта → "Аналитика" → поле "Яндекс.Метрика" 
 + 
 +===== Настройка для фрейма Ticketland ===== 
 + 
 +=== 1. Добавление домена в счетчик === 
 + 
 +В настройках счетчика во вкладке **"Фильтры"** → **"Дополнительные адреса сайта"** добавьте: 
 +<code> 
 +ticketland.ru 
 +*.ticketland.ru 
 +</code> 
 + 
 +=== 2. Базовый код фрейма === 
 + 
 +<code html> 
 +<div id="tl-widget-container"></div> 
 +<script> 
 +    var tlWidgetConfig = { 
 +        partner: 'your-partner-code', // Получить в Ticketland 
 +        container: 'tl-widget-container', 
 +        type: 'events' // или 'venues' в зависимости от типа 
 +    }; 
 +     
 +    (function() { 
 +        var script = document.createElement('script'); 
 +        script.src = 'https://widget.ticketland.ru/embed.js'; 
 +        document.head.appendChild(script); 
 +    })(); 
 +</script> 
 +</code> 
 + 
 +=== 3. Отслеживание событий фрейма === 
 + 
 +Добавьте этот код для отслеживания взаимодействий: 
 + 
 +<code javascript> 
 +// Отслеживание загрузки фрейма 
 +document.addEventListener('TL_WIDGET_LOADED', function() { 
 +    ym(12345678, 'reachGoal', 'widget_loaded'); 
 +}); 
 + 
 +// Отслеживание кликов по событиям 
 +document.addEventListener('TL_EVENT_CLICK', function(event) { 
 +    ym(12345678, 'reachGoal', 'event_click',
 +        event_id: event.detail.id, 
 +        event_name: event.detail.name 
 +    }); 
 +}); 
 +</code> 
 + 
 +<del>=== 4. Цели для анализа продаж === 
 + 
 +Настройте в Метрике цели с типом **"JavaScript-событие"**: 
 + 
 +| Цель | Идентификатор | Описание | 
 +|------|---------------|----------| 
 +| Просмотр события | `event_view` | Пользователь просмотрел страницу события | 
 +| Выбор билетов | `ticket_select` | Пользователь выбрал билеты | 
 +| Начало оформления | `checkout_start` | Начало процесса оплаты | 
 +</del> 
 +===== Проверка работы ===== 
 + 
 +=== Проверка счетчика на сайте === 
 + 
 +  1. Откройте сайт с параметром: `?__ym_debug=2` 
 +        
 +      (возможно понадобится открыть в окне с отключенными блокировщиками рекламы и с разрешением на запуск скриптов)  
 +      В нижнем правом углу вашего сайта должен появиться значок Яндекс Метрики  
 + 
 +{{:tlpro:jametrika_ikonka_konsoli.jpg?nolink|Консоль Яндекс Метрики}} 
 +      
 +     При нажатии на него развернется консоль метрики с вашим активным счетчиком 
 +     
 +{{:tlpro:interfejs_jametriki.jpg?nolink|Интерфейс Яндекс Метрики}} 
 +      
 +      
 +  2. Нажмите F12 → Console 
 + 
 +  3. Должны увидеть: `[Яндекс.Метрика] counter 12345678 hit URL_СТРАНИЦЫ` 
 + 
 +=== Проверка фрейма === 
 + 
 +  1. Откройте страницу с фреймом 
 +  2. В консоли напишите: `document.querySelector('iframe')` 
 +  3. Убедитесь, что фрейм загружается с ticketland.ru 
 + 
 +=== Проверка в интерфейсе Метрики === 
 + 
 +  - Зеленый индикатор "Данные поступают" 
 +  - Первые данные через 2-3 часа 
 +  - Вебвизор доступен через 24 часа 
 + 
 +<WRAP center round important 60%> 
 +❗ **Важно:** После изменения настроек счетчика необходимо обновить код на сайте 
 +</WRAP> 
 + 
 +===== Решение частых проблем ===== 
 + 
 +=== Счетчик не собирает данные === 
 +  - Проверьте правильность номера счетчика 
 +  - Убедитесь, что код на всех страницах 
 +  - Отключите AdBlock для тестирования 
 + 
 +=== Не работают цели === 
 +  - Проверьте регистр букв в идентификаторах 
 +  - Убедитесь, что код цели выполняется 
 +  - Проверьте с помощью консоли яндекс метрики включенной с помощью ym_debug 
 + 
 +=== Проблемы с фреймом === 
 + 
 +  - Проверьте, добавлен ли домен ticketland.ru в настройки 
 +  - Убедитесь, что фрейм загружается корректно 
 +  - Проверьте JavaScript-ошибки в консоли 
 + 
 +===== Полезные ссылки ===== 
 + 
 +**Официальная документация Яндекс:** 
 +  - [[https://yandex.ru/support/metrica/ru/general/creating-counter|Создание счетчика]] 
 +  - [[https://yandex.ru/support/metrica/ru/general/check-counter|Проверка работы счетчика]] 
 + 
 +**Документация Ticketland:** 
 +  - [[https://doc.ticketland.ru/|Базовая документация]] 
 + 
 +<WRAP center round tip 60%> 
 +💡 **Совет:** Для сложных случаев интеграции обратитесь к технической документации или в поддержку сервисов
 </WRAP> </WRAP>
  

tlpro/integrations.1758878809.txt.gz · Последнее изменение: 2025/09/26 12:26 — n.zalozin