Это старая версия документа!
Краткое руководство по установке и базовой настройке счетчика Яндекс.Метрики
<WRAP center round info 60%> Время настройки: 15-30 минут Необходимо: доступ к редактированию кода сайта </WRAP>
1. Перейдите на [[https://metrika.yandex.ru/|Яндекс.Метрика]] 2. Нажмите кнопку **"Добавить счетчик"** 3. Авторизуйтесь с помощью Яндекс.ID
Заполните обязательные поля:
| Параметр | Пример значения | Примечание |
| ———- | —————– | ———— |
| Имя счетчика | `Основной сайт example.com` | Для идентификации в списке |
| Адрес сайта | `example.ru` | Без http/https |
| Часовой пояс | Москва, +3 GMT | Для корректного времени в отчетах |
Рекомендуемые настройки:
[✓] Вебвизор, карта скроллинга, аналитика форм [✓] Автоматические цели [✓] Яндекс.Директ (если используется) [ ] Электронная коммерция (только для магазинов)
1. Примите условия пользовательского соглашения 2. Нажмите **"Создать счетчик"** 3. **Сохраните номер счетчика** (например: 12345678)
Скопируйте этот код в тег `<head>` на всех страницах сайта:
<!-- 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 -->
где 12345678 - ваш номер счетчика
WordPress: Используйте плагин «Yandex Metrica» или вставьте код в `header.php`
1C-Битрикс: Раздел «Маркетинг» → «Веб-аналитика»
Tilda: Настройки сайта → «Аналитика» → поле «Яндекс.Метрика»
В настройках счетчика во вкладке «Фильтры» → «Дополнительные адреса сайта» добавьте:
ticketland.ru *.ticketland.ru
<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>
Добавьте этот код для отслеживания взаимодействий:
// Отслеживание загрузки фрейма 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 }); });
Настройте в Метрике цели с типом «JavaScript-событие»:
| Цель | Идентификатор | Описание |
| —— | ————— | ———- |
| Просмотр события | `event_view` | Пользователь просмотрел страницу события |
| Выбор билетов | `ticket_select` | Пользователь выбрал билеты |
| Начало оформления | `checkout_start` | Начало процесса оплаты |
1. Откройте сайт с параметром: `?__ym_debug=2`
(возможно понадобится открыть в окне с отключенными блокировщиками рекламы и с разрешением на запуск скриптов)
Должен появиться значок Яндекс Метрики
{{:tlpro:jametrika_ikonka_konsoli.jpg?nolink&400 |}}
При нажатии на него откроется консоль метрики
2. Нажмите F12 → Console 3. Должны увидеть: `[Яндекс.Метрика] counter 12345678 hit URL_СТРАНИЦЫ`
1. Откройте страницу с фреймом
2. В консоли напишите: `document.querySelector('iframe')`
3. Убедитесь, что фрейм загружается с ticketland.ru
<WRAP center round important 60%> ❗ Важно: После изменения настроек счетчика необходимо обновить код на сайте </WRAP>
3. Откройте консоль разработчика (F12 → Console)
4. Убедитесь, что видите сообщение:
[Яндекс.Метрика] counter 12345678 hit https://example.com/ [Яндекс.Метрика] counter 12345678 params: {...}
1. Перейдите в [[https://metrika.yandex.ru/list|список счетчиков]] 2. Напротив вашего счетчика должен быть **зеленый индикатор** 3. Нажмите на счетчик → "Настройки" → "Проверка счетчика" 4. Введите URL страницы и нажмите "Проверить"
Признаки корректной работы:
1. Откройте вкладку "Network" (F12 → Network) 2. Обновите страницу (F5) 3. Найдите запросы к `mc.yandex.ru` 4. Убедитесь, что статус ответа 200 OK
<WRAP center round important 60%> ❗ Первые данные появятся через 2-4 часа. Полная статистика будет доступна через 24 часа после установки </WRAP>
Пример цели: «Отправка формы заявки»
1. **В интерфейсе Метрики:** - Цели → Добавить цель - Название: "Отправка формы заявки" - Тип условия: "JavaScript-событие" - Идентификатор цели: `form_success`
2. **В код сайта добавьте:**
<script> // Для стандартной формы document.getElementById('contact-form').addEventListener('submit', function() { ym(12345678, 'reachGoal', 'form_success'); }); // Для AJAX формы function trackFormSuccess() { ym(12345678, 'reachGoal', 'form_success'); } </script>
Автоматические цели (уже включены):
Исключение сотрудников:
1. Перейдите в "Фильтры" → "Добавить фильтр" 2. Настройте фильтр:
Тип: Исключить Поле: IP-адрес Значение: 192.168.1.1, 192.168.1.100-192.168.1.200 Название: "Исключить офис"
3. Включите опцию **"Не учитывать мои визиты"**
Рекомендуемые параметры:
Диагностика:
1. Проверьте наличие кода на странице (ПКМ → Посмотреть код) 2. Проверьте консоль на ошибки (F12 → Console) 3. Проверьте с отключенными блокировщиками
Решение:
Причины:
Решение:
1. Проверьте настройки счетчика 2. Обновите код на сайте 3. Проверьте фильтры IP-адресов
Возможные причины:
Решение:
Первые данные появляются через 2-4 часа после установки. Полная статистика доступна через 24 часа.
Да! При изменении настроек (включение вебвизора и т.д.) необходимо заменить код на сайте.
Используйте отчет «Посещаемость» в разделе «Стандартные отчеты» → «Отчеты по посещаемости».
Да, можно установить несколько счетчиков для разных отделов или целей.
Требуется дополнительная настройка JavaScript. См. документацию по e-commerce.
<WRAP center round tip 60%> 📊 Совет: Регулярно проверяйте статистику и настраивайте новые цели для улучшения эффективности сайта </WRAP>
Дата последнего обновления: 26.09.2025
Особенности настройки счетчика для встраиваемого фрейма Ticketland требуют специального подхода, так как фрейм работает в изолированном контексте.
<WRAP center round important 60%> ❗ ВАЖНО: Для корректного отслеживания в фрейме требуется дополнительная настройка, отличная от стандартной установки на сайте. </WRAP>
При обычной установке кода Яндекс.Метрики в iframe могут возникнуть следующие проблемы:
Использование параметров URL для передачи данных из родительской страницы во фрейм.
Рекомендуется создать отдельный счетчик специально для фрейма:
1. Перейдите в [[https://metrika.yandex.ru/list|Яндекс.Метрику]] 2. Нажмите "Добавить счетчик" 3. Настройки: - **Имя счетчика:** "Фрейм Ticketland - [название сайта]" - **Адрес сайта:** Укажите основной домен сайта - **Часовой пояс:** Ваш регион
Добавьте параметры в URL фрейма для передачи данных из родительской страницы:
<!-- Стандартный код iframe --> <iframe src="https://ticketland.ru/widget?event=123"></iframe> <!-- Модифицированный код с передачей параметров --> <iframe src="https://ticketland.ru/widget?event=123&ymuid=<?php echo $yandex_uid; ?>&ref=<?php echo urlencode($_SERVER['HTTP_REFERER']); ?>"></iframe>
Используйте этот модифицированный код Яндекс.Метрики внутри фрейма:
<!-- Yandex.Metrika counter для фрейма --> <script type="text/javascript"> // Получаем параметры из URL var urlParams = new URLSearchParams(window.location.search); var externalRef = urlParams.get('ref'); var externalYmuid = urlParams.get('ymuid'); (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(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} 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(12345679, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true, trackHash: true, ut: "noindex", // Передача внешних параметров params: { externalRef: externalRef || document.referrer, externalYmuid: externalYmuid } }); // Специальная обработка для фрейма if (window.parent !== window) { ym(12345679, 'params', { iframe: true, parentHost: document.referrer ? new URL(document.referrer).hostname : 'direct' }); } </script> <noscript><div><img src="https://mc.yandex.ru/watch/12345679" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
Для кросс-доменной коммуникации добавьте этот код на родительскую страницу:
// Код для родительской страницы window.ticketlandFrameTracker = { init: function(iframeId) { var iframe = document.getElementById(iframeId); var ymuid = this.getYandexUid(); // Обновляем src iframe с параметрами var src = iframe.src; if (src.indexOf('?') === -1) { src += '?'; } else { src += '&'; } src += 'ymuid=' + ymuid + '&ref=' + encodeURIComponent(document.referrer); iframe.src = src; }, getYandexUid: function() { var matches = document.cookie.match(/_ym_uid=([^;]+)/); return matches ? matches[1] : ''; } }; // Инициализация при загрузке фрейма document.addEventListener('DOMContentLoaded', function() { window.ticketlandFrameTracker.init('ticketland-frame'); });
В интерфейсе Метрики создайте цели:
1. **"Начало оформления заказа"** - когда пользователь выбирает билеты 2. **"Заполнение данных"** - на этапе ввода персональных данных 3. **"Успешная оплата"** - завершение покупки
// Пример отслеживания событий покупки function trackTicketPurchase(eventData) { ym(12345679, 'reachGoal', 'ticket_purchase', { event_id: eventData.eventId, ticket_count: eventData.ticketCount, total_amount: eventData.amount, currency: eventData.currency }); } // Отслеживание шагов воронки function trackFunnelStep(stepName, stepData) { ym(12345679, 'params', { funnel_step: stepName, step_data: JSON.stringify(stepData) }); }
Решение: Использование первого-party cookies через прокси:
// Альтернативный метод идентификации var visitorId = generateVisitorId(); // Генерация собственного ID ym(12345679, 'userParams', { VisitorID: visitorId, FirstVisit: new Date().toISOString() });
Решение: Явная передача UTM-меток:
// Передача UTM-параметров var utmParams = { utm_source: getUrlParam('utm_source'), utm_medium: getUrlParam('utm_medium'), utm_campaign: getUrlParam('utm_campaign') }; ym(12345679, 'params', utmParams);
1. **Проверка в консоли фрейма:** - Откройте инструменты разработчика - Перейдите в контекст фрейма - Проверьте наличие запросов к mc.yandex.ru
2. **Проверка параметров:** - Добавьте `?__ym_debug=2` в URL фрейма - Проверьте передаваемые параметры
3. **Мониторинг в реальном времени:** - Используйте отчет "Мониторинг" в Метрике - Фильтруйте по hostname фрейма
[Яндекс.Метрика] counter 12345679 hit https://ticketland.ru/widget?event=123
[Яндекс.Метрика] Параметры: {externalRef: "https://example.com", iframe: true}
[Яндекс.Метрика] Цель достигнута: ticket_purchase
Для точного отслеживания ROI настройте передачу данных о заказах:
// Передача данных о заказе ym(12345679, 'reachGoal', 'purchase', { orderPrice: 2500, orderId: 'ORD-12345', currency: 'RUB', products: [ { id: 'TICKET-001', name: 'Билет на концерт', price: 1250, quantity: 2 } ] });
Ответ: Возможно, блокируются кросс-доменные запросы. Проверьте настройки CORS и используйте передачу параметров через URL.
Ответ: Передавайте referrer и UTM-метки через параметры URL при загрузке фрейма.
Ответ: Рекомендуется использовать отдельный счетчик для чистоты данных и избежания дублирования.
Ответ: Используйте JavaScript-события на каждом этапе воронки покупки в коде фрейма.
<WRAP center round tip 60%> 🎫 Совет: Регулярно тестируйте отслеживание, совершая тестовые покупки через фрейм и проверяя данные в реальном времени. </WRAP>
Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или отправлять данные в рекламные системы для оптимизации маркетинговых активностей. В данной инструкции вы узнаете, как интегрировать виджет с аналитикой и социальными сетями. <WRAP center round important 60%> ❗ </WRAP>
Актуальная документация Яндекса по подключению, созданию, настройке и администрированию Яндекс.Метрики
https://yandex.ru/support/metrica/ru/general/check-counter — Проверка счетчика
https://yandex.ru/support/metrica/ru/general/check-counter — Отладчик работы счетчика Метрики
1. Настройки электронной торговли внутри личного кабинета Яндекс.Метрики и на сайте: Чтобы данные в электронную торговлю начали поступать, необходимо убедиться, что код на сайте и настройки вашего счетчика позволяют это делать. Для этого:
- Убедитесь, что код на странице настройки соответствует тому, что размещен у вас на сайте. (Если ранее код на сайте не был установлен, то не беспокойтесь, внутри файла GTM при импорте подключается сразу правильный код).
3. Настройки целей в Яндекс.Метрике:
| Название | Идентификатор цели |
| Открытие виджета | tl_open_frame |
| Добавление в корзину | tl_add_to_cart |
| Покупка | tl_purchase |
В рамках интеграции ниже можно подключить счетчики ВК и МайТаргет. События фрейма интегрированы только со Вконтакте: при открытии фрейма уходит событие VK.Goal('conversion'), при добавлении в корзину VK.Goal('purchase');, при покупке VK.Goal('purchase');.
</del>- Скачайте файл интеграции по ссылке https://drive.google.com/file/d/1dmzekYcQ4hwCUrtzUyx7t4hbQGJv_6u4/view?usp=sharing - Откройте вашу панель управления GTM и нажмите «Администрирование». - Выберите пункт настройки «Импортировать контейнер» - Выберите скачанный в пункте 1 файл. Выберите рабочую область «Существующая» → «Default Workspace» и вариант импорта «Объединить» → «Перезаписать конфликтующие теги, триггеры и переменные.» В конце нажмите «Подтвердить». - Далее перейдите в раздел переменные - Внесите id ваших пикселей в настройках переменных. - Опубликуйте версию контейнера, нажав в верхнем правом углу кнопку «Опубликовать» - В появившемся окне нажимте кнопку «Опубликовать» повторно, а также кнопку «Далее». После этого настройки контейнера успешно применятся.
После этого данные начнут поступать в рекламные кабинеты. По необходимости отключите ненужные теги.</del>