Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слева Предыдущая версия | |||
tlpro:integrations [2025/10/13 11:14] n.zalozin [Настройка для фрейма Ticketland] |
tlpro:integrations [2025/10/13 11:20] (текущий) n.zalozin |
||
---|---|---|---|
Строка 218: | Строка 218: | ||
<WRAP center round tip 60%> | <WRAP center round tip 60%> | ||
💡 **Совет: | 💡 **Совет: | ||
- | </ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | ====== Настройка счетчика Яндекс.Метрики на сайте ====== | ||
- | |||
- | **Яндекс.Метрика** — это сервис веб-аналитики, | ||
- | |||
- | <WRAP center round info 60%> | ||
- | **Целевая аудитория: | ||
- | **Время выполнения: | ||
- | **Уровень сложности: | ||
- | </ | ||
- | |||
- | ===== Оглавление ===== | ||
- | |||
- | - [[# | ||
- | - [[# | ||
- | - [[# | ||
- | - [[# | ||
- | - [[# | ||
- | - [[# | ||
- | - [[# | ||
- | |||
- | ===== Предварительные требования ===== | ||
- | |||
- | * **Учетная запись Яндекс** (Яндекс.ID) | ||
- | - Если нет: [[https:// | ||
- | - Рекомендуется использовать корпоративную почту | ||
- | |||
- | * **Доступ к сайту: | ||
- | - Права администратора CMS | ||
- | - Доступ к FTP/ | ||
- | - Возможность редактирования HTML-кода | ||
- | |||
- | * **Информация о сайте: | ||
- | - Доменное имя сайта | ||
- | - Часовой пояс посетителей | ||
- | - IP-адреса сотрудников (для фильтрации) | ||
- | |||
- | ===== Создание счетчика ===== | ||
- | |||
- | === Шаг 1: Начало создания === | ||
- | |||
- | 1. Перейдите на [[https:// | ||
- | 2. Нажмите кнопку **" | ||
- | 3. Авторизуйтесь, | ||
- | |||
- | === Шаг 2: Основные настройки === | ||
- | |||
- | Заполните обязательные поля: | ||
- | |||
- | | **Параметр** | **Значение** | **Пример** | **Примечание** | | ||
- | |-------------|--------------|------------|----------------| | ||
- | | **Имя счетчика** | Уникальное имя | " | ||
- | | **Адрес сайта** | Доменное имя | `example.ru` | Без http/https | | ||
- | | **Часовой пояс** | Ваш регион | Москва, | ||
- | | **Владелец счетчика** | Ответственный | Иванов И.И. | Кто управляет счетчиком | | ||
- | |||
- | === Шаг 3: Дополнительные настройки === | ||
- | |||
- | < | ||
- | [✓] Вебвизор, | ||
- | [✓] Автоматические цели | ||
- | [✓] Яндекс.Директ (если используется) | ||
- | [ ] Электронная коммерция (только для магазинов) | ||
- | [✓] Информация о технологиях посетителей | ||
- | </ | ||
- | |||
- | === Шаг 4: Важные настройки безопасности === | ||
- | |||
- | В разделе **" | ||
- | |||
- | < | ||
- | [x] Принимать данные только с указанных адресов | ||
- | [x] Не сохранять полные IP-адреса посетителей | ||
- | [x] Включить фильтр роботов | ||
- | [x] Учитывать только определенные домены | ||
- | </ | ||
- | |||
- | === Шаг 5: Завершение создания === | ||
- | |||
- | 1. Примите условия пользовательского соглашения | ||
- | 2. Нажмите **" | ||
- | 3. Сохраните номер счетчика (пример: | ||
- | |||
- | <WRAP center round important 60%> | ||
- | ❗ **Запишите номер счетчика** - он понадобится для дальнейшей настройки | ||
- | </ | ||
- | |||
- | ===== Установка на сайт ===== | ||
- | |||
- | === Способ 1: Прямая установка в HTML-код === | ||
- | |||
- | **Полный код для вставки: | ||
- | |||
- | <code html> | ||
- | <!-- Yandex.Metrika counter --> | ||
- | <script type=" | ||
- | | ||
- | | ||
- | for (var j = 0; j < document.scripts.length; | ||
- | | ||
- | | ||
- | |||
- | | ||
- | clickmap: | ||
- | trackLinks: | ||
- | accurateTrackBounce: | ||
- | webvisor: | ||
- | ecommerce:" | ||
- | }); | ||
- | </ | ||
- | < | ||
- | <!-- / | ||
- | </ | ||
- | |||
- | **Место установки: | ||
- | - Внутри тега `< | ||
- | - Как можно ближе к началу страницы | ||
- | - На **всех** страницах сайта | ||
- | |||
- | === Способ 2: Установка через популярные CMS === | ||
- | |||
- | **WordPress: | ||
- | 1. Установите плагин " | ||
- | 2. Перейдите в " | ||
- | 3. Введите номер счетчика в поле "ID счетчика" | ||
- | 4. Сохраните изменения | ||
- | |||
- | **1C-Битрикс: | ||
- | 1. Перейдите в " | ||
- | 2. Нажмите " | ||
- | 3. Выберите " | ||
- | 4. Заполните настройки аналогично веб-версии | ||
- | |||
- | **Joomla:** | ||
- | 1. Установите расширение " | ||
- | 2. В настройках компонента укажите номер счетчика | ||
- | 3. Настройте дополнительные параметры | ||
- | |||
- | **Tilda:** | ||
- | 1. Откройте настройки сайта | ||
- | 2. Перейдите в " | ||
- | 3. Введите номер счетчика в поле " | ||
- | 4. Сохраните изменения | ||
- | |||
- | === Способ 3: Установка через конструкторы === | ||
- | |||
- | **Wix:** | ||
- | 1. Перейдите в " | ||
- | 2. Нажмите " | ||
- | 3. Введите номер счетчика | ||
- | |||
- | **Shopify: | ||
- | 1. Перейдите в " | ||
- | 2. В разделе " | ||
- | 3. Сохраните изменения | ||
- | |||
- | <WRAP center round tip 60%> | ||
- | 💡 **Рекомендация: | ||
- | </ | ||
- | |||
- | ===== Проверка работы ===== | ||
- | |||
- | === Метод 1: Проверка через консоль браузера === | ||
- | |||
- | 1. Откройте сайт в браузере | ||
- | 2. Добавьте к URL параметр: | ||
- | - Пример: | ||
- | 3. Откройте консоль разработчика (F12 → Console) | ||
- | 4. Убедитесь, | ||
- | |||
- | <code javascript> | ||
- | [Яндекс.Метрика] counter 12345678 hit https:// | ||
- | [Яндекс.Метрика] counter 12345678 params: {...} | ||
- | </ | ||
- | |||
- | === Метод 2: Проверка в интерфейсе Метрики === | ||
- | |||
- | 1. Перейдите в [[https:// | ||
- | 2. Напротив вашего счетчика должен быть **зеленый индикатор** | ||
- | 3. Нажмите на счетчик → " | ||
- | 4. Введите URL страницы и нажмите " | ||
- | |||
- | **Признаки корректной работы: | ||
- | - ✅ Зеленый индикатор " | ||
- | - ✅ В отчетах появляются визиты (через 2-4 часа) | ||
- | - ✅ Вебвизор записывает сессии (если включен) | ||
- | |||
- | === Метод 3: Проверка через Network === | ||
- | |||
- | 1. Откройте вкладку " | ||
- | 2. Обновите страницу (F5) | ||
- | 3. Найдите запросы к `mc.yandex.ru` | ||
- | 4. Убедитесь, | ||
- | |||
- | <WRAP center round important 60%> | ||
- | ❗ **Первые данные** появятся через 2-4 часа. **Полная статистика** будет доступна через 24 часа после установки | ||
- | </ | ||
- | |||
- | ===== Дополнительные настройки ===== | ||
- | |||
- | === Настройка целей === | ||
- | |||
- | **Пример цели: " | ||
- | |||
- | 1. **В интерфейсе Метрики: | ||
- | - Цели → Добавить цель | ||
- | - Название: | ||
- | - Тип условия: | ||
- | - Идентификатор цели: `form_success` | ||
- | |||
- | 2. **В код сайта добавьте: | ||
- | |||
- | <code html> | ||
- | < | ||
- | // Для стандартной формы | ||
- | document.getElementById(' | ||
- | ym(12345678, | ||
- | }); | ||
- | |||
- | // Для AJAX формы | ||
- | function trackFormSuccess() { | ||
- | ym(12345678, | ||
- | } | ||
- | </ | ||
- | </ | ||
- | |||
- | **Автоматические цели (уже включены): | ||
- | - Клики по email: `mailto:` | ||
- | - Клики по телефонам: | ||
- | - Скачивание файлов: | ||
- | - Внешние ссылки | ||
- | |||
- | === Настройка фильтров === | ||
- | |||
- | **Исключение сотрудников: | ||
- | |||
- | 1. Перейдите в " | ||
- | 2. Настройте фильтр: | ||
- | |||
- | < | ||
- | Тип: Исключить | ||
- | Поле: IP-адрес | ||
- | Значение: | ||
- | Название: | ||
- | </ | ||
- | |||
- | 3. Включите опцию **" | ||
- | |||
- | === Настройка вебвизора === | ||
- | |||
- | **Рекомендуемые параметры: | ||
- | - ✅ Запись сессий | ||
- | - ✅ Карта кликов | ||
- | - ✅ Аналитика форм | ||
- | - ❌ Запись авторизованных пользователей (по необходимости) | ||
- | - ✅ Запись посещений с мобильных устройств | ||
- | |||
- | ===== Решение проблем ===== | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Диагностика: | ||
- | 1. Проверьте наличие кода на странице (ПКМ → Посмотреть код) | ||
- | 2. Проверьте консоль на ошибки (F12 → Console) | ||
- | 3. Проверьте с отключенными блокировщиками | ||
- | |||
- | **Решение: | ||
- | - Переустановите код счетчика | ||
- | - Проверьте правильность номера счетчика | ||
- | - Отключите AdBlock на вашем сайте | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Причины: | ||
- | - Опция не была включена при создании | ||
- | - Не обновлен код после включения опции | ||
- | - IP-адрес исключен через фильтры | ||
- | |||
- | **Решение: | ||
- | 1. Проверьте настройки счетчика | ||
- | 2. Обновите код на сайте | ||
- | 3. Проверьте фильтры IP-адресов | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Возможные причины: | ||
- | - Не настроены фильтры | ||
- | - Дублирование кода счетчика | ||
- | - Кэширование страниц | ||
- | - Разные часовые пояса | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Решение: | ||
- | - Проверьте правильность номера счетчика | ||
- | - Убедитесь, | ||
- | - Проверьте доступ к аккаунту | ||
- | |||
- | ===== Часто задаваемые вопросы ===== | ||
- | |||
- | === ❓ Сколько времени нужно для появления данных? | ||
- | Первые данные появляются через 2-4 часа после установки. Полная статистика доступна через 24 часа. | ||
- | |||
- | === ❓ Нужно ли обновлять код после изменения настроек? | ||
- | **Да!** При изменении настроек (включение вебвизора и т.д.) необходимо заменить код на сайте. | ||
- | |||
- | === ❓ Как отслеживать динамику посещений? | ||
- | Используйте отчет " | ||
- | |||
- | === ❓ Можно ли установить несколько счетчиков? | ||
- | Да, можно установить несколько счетчиков для разных отделов или целей. | ||
- | |||
- | === ❓ Как настроить электронную коммерцию? | ||
- | Требуется дополнительная настройка JavaScript. См. [[https:// | ||
- | |||
- | ===== Полезные ссылки ===== | ||
- | |||
- | - [[https:// | ||
- | - [[https:// | ||
- | - [[https:// | ||
- | - [[https:// | ||
- | |||
- | <WRAP center round tip 60%> | ||
- | 📊 **Совет: | ||
- | </ | ||
- | |||
- | **Дата последнего обновления: | ||
- | |||
- | |||
- | |||
- | ====== Настройка счетчика Яндекс.Метрики для фрейма Ticketland ====== | ||
- | |||
- | **Особенности настройки счетчика для встраиваемого фрейма Ticketland** требуют специального подхода, | ||
- | |||
- | <WRAP center round important 60%> | ||
- | ❗ **ВАЖНО: | ||
- | </ | ||
- | |||
- | ===== Особенности отслеживания в iframe ===== | ||
- | |||
- | === Проблемы стандартной установки === | ||
- | |||
- | При обычной установке кода Яндекс.Метрики в iframe могут возникнуть следующие проблемы: | ||
- | |||
- | * **Потеря данных** о источниках трафика | ||
- | * **Некорректное определение** рефереров | ||
- | * **Проблемы с cookies** и идентификацией посетителей | ||
- | * **Ограничения браузеров** для кросс-доменных iframe | ||
- | |||
- | === Рекомендуемое решение === | ||
- | |||
- | **Использование параметров URL для передачи данных** из родительской страницы во фрейм. | ||
- | |||
- | ===== Настройка счетчика для фрейма ===== | ||
- | |||
- | === Шаг 1: Создание отдельного счетчика === | ||
- | |||
- | Рекомендуется создать **отдельный счетчик** специально для фрейма: | ||
- | |||
- | 1. Перейдите в [[https:// | ||
- | 2. Нажмите " | ||
- | 3. Настройки: | ||
- | - **Имя счетчика: | ||
- | - **Адрес сайта: | ||
- | - **Часовой пояс:** Ваш регион | ||
- | |||
- | === Шаг 2: Модификация кода iframe === | ||
- | |||
- | Добавьте параметры в URL фрейма для передачи данных из родительской страницы: | ||
- | |||
- | <code html> | ||
- | <!-- Стандартный код iframe --> | ||
- | <iframe src=" | ||
- | |||
- | <!-- Модифицированный код с передачей параметров --> | ||
- | <iframe src=" | ||
- | </ | ||
- | |||
- | === Шаг 3: Специальный код для фрейма === | ||
- | |||
- | Используйте этот модифицированный код Яндекс.Метрики внутри фрейма: | ||
- | |||
- | <code javascript> | ||
- | <!-- Yandex.Metrika counter для фрейма --> | ||
- | <script type=" | ||
- | // Получаем параметры из URL | ||
- | var urlParams = new URLSearchParams(window.location.search); | ||
- | var externalRef = urlParams.get(' | ||
- | var externalYmuid = urlParams.get(' | ||
- | |||
- | (function(m, | ||
- | m[i].l=1*new Date(); | ||
- | for (var j = 0; j < document.scripts.length; | ||
- | k=e.createElement(t), | ||
- | (window, document, " | ||
- | |||
- | // Настройка для фрейма с внешними параметрами | ||
- | ym(12345679, | ||
- | clickmap: true, | ||
- | trackLinks: true, | ||
- | accurateTrackBounce: | ||
- | webvisor: true, | ||
- | trackHash: true, | ||
- | ut: " | ||
- | // Передача внешних параметров | ||
- | params: { | ||
- | externalRef: | ||
- | externalYmuid: | ||
- | } | ||
- | }); | ||
- | |||
- | // Специальная обработка для фрейма | ||
- | if (window.parent !== window) { | ||
- | ym(12345679, | ||
- | iframe: true, | ||
- | parentHost: document.referrer ? new URL(document.referrer).hostname : ' | ||
- | }); | ||
- | } | ||
- | </ | ||
- | < | ||
- | </ | ||
- | |||
- | === Шаг 4: Передача данных между окнами === | ||
- | |||
- | Для кросс-доменной коммуникации добавьте этот код на **родительскую страницу**: | ||
- | |||
- | <code javascript> | ||
- | // Код для родительской страницы | ||
- | window.ticketlandFrameTracker = { | ||
- | init: function(iframeId) { | ||
- | var iframe = document.getElementById(iframeId); | ||
- | var ymuid = this.getYandexUid(); | ||
- | | ||
- | // Обновляем src iframe с параметрами | ||
- | var src = iframe.src; | ||
- | if (src.indexOf('?' | ||
- | src += '?'; | ||
- | } else { | ||
- | src += '&'; | ||
- | } | ||
- | src += ' | ||
- | iframe.src = src; | ||
- | }, | ||
- | | ||
- | getYandexUid: | ||
- | var matches = document.cookie.match(/ | ||
- | return matches ? matches[1] : ''; | ||
- | } | ||
- | }; | ||
- | |||
- | // Инициализация при загрузке фрейма | ||
- | document.addEventListener(' | ||
- | window.ticketlandFrameTracker.init(' | ||
- | }); | ||
- | </ | ||
- | |||
- | ===== Отслеживание конверсий в фрейме ===== | ||
- | |||
- | === Настройка целей для покупки билетов === | ||
- | |||
- | **В интерфейсе Метрики создайте цели:** | ||
- | |||
- | 1. **" | ||
- | 2. **" | ||
- | 3. **" | ||
- | |||
- | === Код для отслеживания событий в фрейме === | ||
- | |||
- | <code javascript> | ||
- | // Пример отслеживания событий покупки | ||
- | function trackTicketPurchase(eventData) { | ||
- | ym(12345679, | ||
- | event_id: eventData.eventId, | ||
- | ticket_count: | ||
- | total_amount: | ||
- | currency: eventData.currency | ||
- | }); | ||
- | } | ||
- | |||
- | // Отслеживание шагов воронки | ||
- | function trackFunnelStep(stepName, | ||
- | ym(12345679, | ||
- | funnel_step: | ||
- | step_data: JSON.stringify(stepData) | ||
- | }); | ||
- | } | ||
- | </ | ||
- | |||
- | ===== Решение специфических проблем фрейма ===== | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Решение: | ||
- | |||
- | <code javascript> | ||
- | // Альтернативный метод идентификации | ||
- | var visitorId = generateVisitorId(); | ||
- | ym(12345679, | ||
- | VisitorID: visitorId, | ||
- | FirstVisit: new Date().toISOString() | ||
- | }); | ||
- | </ | ||
- | |||
- | === Проблема: | ||
- | |||
- | **Решение: | ||
- | |||
- | <code javascript> | ||
- | // Передача UTM-параметров | ||
- | var utmParams = { | ||
- | utm_source: getUrlParam(' | ||
- | utm_medium: getUrlParam(' | ||
- | utm_campaign: | ||
- | }; | ||
- | |||
- | ym(12345679, | ||
- | </ | ||
- | |||
- | ===== Проверка работы в фрейме ===== | ||
- | |||
- | === Методы отладки === | ||
- | |||
- | 1. **Проверка в консоли фрейма: | ||
- | - Откройте инструменты разработчика | ||
- | - Перейдите в контекст фрейма | ||
- | - Проверьте наличие запросов к mc.yandex.ru | ||
- | |||
- | 2. **Проверка параметров: | ||
- | - Добавьте `? | ||
- | - Проверьте передаваемые параметры | ||
- | |||
- | 3. **Мониторинг в реальном времени: | ||
- | - Используйте отчет " | ||
- | - Фильтруйте по hostname фрейма | ||
- | |||
- | === Пример корректной работы === | ||
- | |||
- | < | ||
- | [Яндекс.Метрика] counter 12345679 hit https:// | ||
- | [Яндекс.Метрика] Параметры: | ||
- | [Яндекс.Метрика] Цель достигнута: | ||
- | </ | ||
- | |||
- | ===== Интеграция с электронной коммерцией ===== | ||
- | |||
- | === Настройка данных о покупках === | ||
- | |||
- | Для точного отслеживания ROI настройте передачу данных о заказах: | ||
- | |||
- | <code javascript> | ||
- | // Передача данных о заказе | ||
- | ym(12345679, | ||
- | orderPrice: 2500, | ||
- | orderId: ' | ||
- | currency: ' | ||
- | products: [ | ||
- | { | ||
- | id: ' | ||
- | name: ' | ||
- | price: 1250, | ||
- | quantity: 2 | ||
- | } | ||
- | ] | ||
- | }); | ||
- | </ | ||
- | |||
- | ===== FAQ по фрейму Ticketland ===== | ||
- | |||
- | === ❓ Почему не отслеживаются посетители во фрейме? | ||
- | **Ответ: | ||
- | |||
- | === ❓ Как отслеживать источники трафика для фрейма? | ||
- | **Ответ: | ||
- | |||
- | === ❓ Нужен ли отдельный счетчик для фрейма? | ||
- | **Ответ: | ||
- | |||
- | === ❓ Как настроить цели для этапов покупки? | ||
- | **Ответ: | ||
- | |||
- | <WRAP center round tip 60%> | ||
- | 🎫 **Совет: | ||
- | </ | ||
- | |||
- | |||
- | |||
- | |||
- | ====== Интеграции с виджетом ====== | ||
- | |||
- | Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или отправлять данные в рекламные системы для оптимизации маркетинговых активностей. В данной инструкции вы узнаете, | ||
- | <WRAP center round important 60%> | ||
- | ❗ | ||
</ | </ | ||