Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
tlpro:integrations [2025/09/26 13:30] n.zalozin |
tlpro:integrations [2025/10/13 11:20] (текущий) n.zalozin |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== Настройка счетчика Яндекс.Метрики для фрейма Ticketland ====== | + | ====== Настройка Яндекс.Метрики для |
- | **Особенности настройки счетчика для встраиваемого фрейма Ticketland** требуют специального подхода, так как фрейм работает в изолированном контексте. | + | **Краткое руководство |
- | <WRAP center round important | + | <WRAP center round info 60%> |
- | ❗ **ВАЖНО:** Для корректного отслеживания в фрейме требуется | + | **Время настройки:** 15-30 минут |
+ | **Необходимо:** доступ к редактированию кода сайта | ||
</ | </ | ||
- | ===== Особенности отслеживания в iframe ===== | + | ===== Быстрая навигация ===== |
+ | - [[#создание_счетчика|Создание счетчика]] | ||
+ | - [[#установка_на_сайт|Установка на сайт]] | ||
+ | - [[#настройка_для_фрейма_ticketland|Настройка для фрейма Ticketland]] | ||
+ | - [[#проверка_работы|Проверка работы]] | ||
+ | - [[# | ||
- | === Проблемы стандартной установки | + | ===== Создание счетчика ===== |
- | При обычной установке кода Яндекс.Метрики в iframe могут возникнуть следующие проблемы: | + | === Шаг 1: Регистрация |
- | | + | |
- | | + | |
- | * **Проблемы с cookies** | + | [[https:// |
- | | + | |
+ | 2. Нажмите кнопку | ||
+ | **"Добавить счетчик"** | ||
+ | | ||
- | === Рекомендуемое решение === | + | === Шаг 2: Основные настройки === |
- | **Использование | + | Заполните обязательные поля: |
- | ===== Настройка счетчика | + | | Параметр | Пример значения | Примечание | |
+ | | **Имя | ||
+ | | **Адрес сайта** | `example.ru` | Без http/https | | ||
+ | | **Часовой пояс** | Москва, | ||
+ | | **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком | | ||
- | === Шаг | + | === Шаг |
- | Рекомендуется | + | Рекомендуемые настройки: |
+ | < | ||
+ | [✓] Вебвизор, карта скроллинга, | ||
+ | [✓] Автоматические цели | ||
+ | [✓] Яндекс.Директ (если | ||
+ | [ ] Электронная коммерция (только для магазинов) | ||
+ | </ | ||
- | 1. Перейдите в [[https:// | + | === Шаг 4: Завершение создания === |
- | 2. Нажмите " | + | |
- | 3. Настройки: | + | |
- | - **Имя счетчика: | + | |
- | - **Адрес сайта:** Укажите основной домен сайта | + | |
- | - **Часовой пояс:** Ваш регион | + | |
- | === Шаг 2: Модификация кода iframe === | + | 1. Примите условия пользовательского соглашения |
+ | | ||
+ | **"Создать счетчик"** | ||
+ | 3. Нажмите кнопку | ||
+ | **" | ||
+ | | ||
- | Добавьте параметры | + | ===== Установка на сайт |
- | <code html> | + | === Базовый код |
- | <!-- Стандартный код | + | |
- | <iframe src=" | + | |
- | <!-- Модифицированный | + | Скопируйте этот код |
- | <iframe src=" | + | |
- | </ | + | |
- | === Шаг 3: Специальный код для фрейма === | + | < |
- | + | <!-- Yandex.Metrika counter --> | |
- | Используйте этот модифицированный код Яндекс.Метрики внутри фрейма: | + | |
- | + | ||
- | < | + | |
- | <!-- Yandex.Metrika counter | + | |
<script type=" | <script type=" | ||
- | // Получаем параметры из URL | + | (function(m, |
- | var urlParams | + | m[i].l=1*new Date(); |
- | var externalRef = urlParams.get(' | + | k=e.createElement(t), |
- | var externalYmuid | + | |
- | (function(m, | + | ym(12345678, " |
- | m[i].l=1*new Date(); | + | clickmap: |
- | for (var j = 0; j < document.scripts.length; | + | trackLinks: |
- | k=e.createElement(t), | + | accurateTrackBounce: |
- | (window, document, " | + | webvisor: |
- | + | | |
- | // Настройка для фрейма с внешними параметрами | + | |
- | ym(12345679, " | + | |
- | clickmap: true, | + | |
- | trackLinks: true, | + | |
- | accurateTrackBounce: | + | |
- | webvisor: true, | + | |
- | | + | |
- | ut: " | + | |
- | // Передача внешних параметров | + | |
- | params: { | + | |
- | externalRef: | + | |
- | externalYmuid: | + | |
- | } | + | |
- | | + | |
- | + | ||
- | // Специальная обработка для фрейма | + | |
- | if (window.parent !== window) { | + | |
- | ym(12345679, | + | |
- | iframe: true, | + | |
- | parentHost: document.referrer ? new URL(document.referrer).hostname : ' | + | |
- | }); | + | |
- | } | + | |
</ | </ | ||
- | < | + | < |
+ | <!-- / | ||
</ | </ | ||
- | === Шаг 4: Передача данных | + | где 12345678 - ваш номер счетчика. |
- | Для кросс-доменной коммуникации добавьте этот код на **родительскую страницу**: | ||
- | <code javascript> | + | <WRAP center round important 60%> |
- | // Код для родительской страницы | + | ❗ **Внимание: |
- | window.ticketlandFrameTracker = { | + | </ |
- | init: function(iframeId) { | + | === Установка через CMS === |
- | var iframe = document.getElementById(iframeId); | + | |
- | var ymuid = this.getYandexUid(); | + | |
- | + | ||
- | // Обновляем src iframe | + | |
- | var src = iframe.src; | + | |
- | if (src.indexOf('?' | + | |
- | src += '?'; | + | |
- | } else { | + | |
- | src += '&'; | + | |
- | } | + | |
- | src += 'ymuid=' + ymuid + '& | + | |
- | iframe.src | + | |
- | }, | + | |
- | + | ||
- | getYandexUid: | + | |
- | var matches = document.cookie.match(/ | + | |
- | return matches ? matches[1] : ''; | + | |
- | } | + | |
- | }; | + | |
- | // Инициализация при загрузке фрейма | + | **WordPress: |
- | document.addEventListener(' | + | |
- | window.ticketlandFrameTracker.init(' | + | |
- | }); | + | |
- | </ | + | |
- | ===== Отслеживание конверсий в фрейме ===== | + | **1C-Битрикс:** Раздел " |
- | === Настройка | + | **Tilda: |
- | **В интерфейсе Метрики создайте цели:** | + | ===== Настройка для |
- | | + | === 1. Добавление домена |
- | 2. **" | + | |
- | 3. **"Успешная оплата"** - завершение покупки | + | |
- | === Код для отслеживания событий в фрейме === | + | В настройках |
+ | < | ||
+ | ticketland.ru | ||
+ | *.ticketland.ru | ||
+ | </ | ||
- | <code javascript> | + | === 2. Базовый |
- | // Пример | + | |
- | function trackTicketPurchase(eventData) { | + | |
- | ym(12345679, | + | |
- | event_id: eventData.eventId, | + | |
- | ticket_count: | + | |
- | total_amount: | + | |
- | currency: eventData.currency | + | |
- | }); | + | |
- | } | + | |
- | // Отслеживание шагов воронки | + | <code html> |
- | function | + | <div id=" |
- | ym(12345679, | + | < |
- | | + | var tlWidgetConfig = { |
- | | + | partner: ' |
- | }); | + | container: ' |
- | } | + | type: ' |
+ | }; | ||
+ | |||
+ | (function() { | ||
+ | var script = document.createElement('script'); | ||
+ | | ||
+ | | ||
+ | })(); | ||
+ | </ | ||
</ | </ | ||
- | ===== Решение | + | === 3. Отслеживание событий |
- | === Проблема: Блокировка третьих-party cookies === | + | Добавьте этот код для отслеживания взаимодействий: |
- | + | ||
- | **Решение: | + | |
<code javascript> | <code javascript> | ||
- | // Альтернативный метод | + | // Отслеживание |
- | var visitorId = generateVisitorId(); // Генерация собственного ID | + | document.addEventListener(' |
- | ym(12345679, 'userParams', | + | ym(12345678, 'reachGoal', |
- | VisitorID: visitorId, | + | |
- | FirstVisit: new Date().toISOString() | + | |
}); | }); | ||
- | </ | ||
- | === Проблема: Потеря источника трафика === | + | // Отслеживание кликов по событиям |
- | + | document.addEventListener('TL_EVENT_CLICK', | |
- | **Решение: | + | |
- | + | | |
- | <code javascript> | + | event_name: event.detail.name |
- | // Передача UTM-параметров | + | |
- | var utmParams = { | + | }); |
- | utm_source: getUrlParam('utm_source'), | + | |
- | | + | |
- | utm_campaign: | + | |
- | }; | + | |
- | + | ||
- | ym(12345679, | + | |
</ | </ | ||
- | ===== Проверка работы в фрейме ===== | + | <del>=== 4. Цели для |
- | === Методы отладки === | + | Настройте в Метрике цели с типом **" |
- | 1. **Проверка в консоли фрейма:** | + | | Цель | Идентификатор | Описание | |
- | | + | |------|---------------|----------| |
- | - Перейдите в контекст фрейма | + | | Просмотр события | `event_view` | Пользователь просмотрел страницу события | |
- | - Проверьте наличие запросов к mc.yandex.ru | + | | Выбор билетов | `ticket_select` | Пользователь выбрал билеты | |
+ | | Начало оформления | `checkout_start` | Начало процесса оплаты | | ||
+ | </ | ||
+ | ===== Проверка работы ===== | ||
- | 2. **Проверка | + | === Проверка |
- | - Добавьте `? | + | |
- | - Проверьте передаваемые параметры | + | |
- | | + | |
- | - Используйте отчет "Мониторинг" в Метрике | + | |
- | - Фильтруйте по hostname фрейма | + | (возможно понадобится открыть |
+ | В нижнем правом углу вашего сайта должен появиться значок Яндекс | ||
- | === Пример корректной работы === | + | {{: |
+ | |||
+ | При | ||
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | 2. Нажмите F12 → Console | ||
- | < | + | 3. Должны увидеть: `[Яндекс.Метрика] |
- | [Яндекс.Метрика] counter 12345679 hit https:// | + | |
- | [Яндекс.Метрика] Параметры: {externalRef: | + | |
- | [Яндекс.Метрика] Цель достигнута: | + | |
- | </ | + | |
- | ===== Интеграция с электронной | + | === Проверка фрейма === |
- | === Настройка данных о покупках === | + | 1. Откройте страницу с фреймом |
+ | 2. В консоли напишите: `document.querySelector(' | ||
+ | 3. Убедитесь, | ||
- | Для точного отслеживания ROI настройте передачу данных о заказах: | + | === Проверка |
- | <code javascript> | + | - Зеленый индикатор " |
- | // Передача | + | |
- | ym(12345679, | + | - Вебвизор доступен через 24 часа |
- | orderPrice: 2500, | + | |
- | | + | |
- | currency: ' | + | |
- | products: [ | + | |
- | { | + | |
- | id: ' | + | |
- | name: ' | + | |
- | price: 1250, | + | |
- | quantity: 2 | + | |
- | } | + | |
- | ] | + | |
- | }); | + | |
- | </ | + | |
- | ===== FAQ по фрейму Ticketland ===== | + | <WRAP center round important 60%> |
- | + | ❗ **Важно:** После изменения | |
- | === ❓ Почему не отслеживаются посетители во фрейме? | + | |
- | **Ответ: | + | |
- | + | ||
- | === ❓ Как отслеживать источники трафика для фрейма? | + | |
- | **Ответ: | + | |
- | + | ||
- | === ❓ Нужен ли отдельный счетчик для фрейма? === | + | |
- | **Ответ: | + | |
- | + | ||
- | === ❓ Как настроить цели | + | |
- | **Ответ: | + | |
- | + | ||
- | <WRAP center round tip 60%> | + | |
- | 🎫 **Совет: | + | |
</ | </ | ||
+ | ===== Решение частых проблем ===== | ||
+ | === Счетчик не собирает данные === | ||
+ | - Проверьте правильность номера счетчика | ||
+ | - Убедитесь, | ||
+ | - Отключите AdBlock для тестирования | ||
+ | === Не работают цели === | ||
+ | - Проверьте регистр букв в идентификаторах | ||
+ | - Убедитесь, | ||
+ | - Проверьте с помощью консоли яндекс метрики включенной с помощью ym_debug | ||
+ | === Проблемы с фреймом === | ||
+ | - Проверьте, | ||
+ | - Убедитесь, | ||
+ | - Проверьте JavaScript-ошибки в консоли | ||
+ | ===== Полезные ссылки ===== | ||
+ | **Официальная документация Яндекс: | ||
+ | - [[https:// | ||
+ | - [[https:// | ||
- | ====== Интеграции с виджетом ====== | + | **Документация Ticketland: |
+ | - [[https:// | ||
- | Продавая билеты на своём сайте, зачастую | + | <WRAP center round tip 60%> |
- | <WRAP center round important 60%> | + | 💡 **Совет:** Для |
- | ❗ | + | |
</ | </ | ||