====== Настройка Яндекс.Метрики для сайта и фрейма Ticketland ====== **Краткое руководство по установке и базовой настройке счетчика Яндекс.Метрики** **Время настройки:** 15-30 минут **Необходимо:** доступ к редактированию кода сайта ===== Быстрая навигация ===== - [[#создание_счетчика|Создание счетчика]] - [[#установка_на_сайт|Установка на сайт]] - [[#настройка_для_фрейма_ticketland|Настройка для фрейма Ticketland]] - [[#проверка_работы|Проверка работы]] - [[#полезные_ссылки|Полезные ссылки]] ===== Создание счетчика ===== === Шаг 1: Регистрация в Метрике === 1. Перейдите в сервис [[https://metrika.yandex.ru/|Яндекс.Метрика]] 2. Нажмите кнопку **"Добавить счетчик"** 3. Авторизуйтесь с помощью Яндекс.ID === Шаг 2: Основные настройки === Заполните обязательные поля: | Параметр | Пример значения | Примечание | | **Имя счетчика** | `Основной сайт example.com` | Для идентификации в списке | | **Адрес сайта** | `example.ru` | Без http/https | | **Часовой пояс** | Москва, +3 GMT | Для корректного времени в отчетах | | **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком | === Шаг 3: Дополнительные опции === Рекомендуемые настройки: [✓] Вебвизор, карта скроллинга, аналитика форм [✓] Автоматические цели [✓] Яндекс.Директ (если используется) [ ] Электронная коммерция (только для магазинов) === Шаг 4: Завершение создания === 1. Примите условия пользовательского соглашения 2. Нажмите кнопку **"Создать счетчик"** 3. Нажмите кнопку **"Сохраните номер счетчика"** (например: 12345678) ===== Установка на сайт ===== === Базовый код для вставки === Скопируйте этот код в тег `` на всех страницах сайта: где 12345678 - ваш номер счетчика. ❗ **Внимание:** Если ваш сайт также использует Яндекс Метрику для аналитики, не используйте его номер счетчика для фрейма тикетленд. Создайте отдельный. === Установка через CMS === **WordPress:** Используйте плагин "Yandex Metrica" или вставьте код в `header.php` **1C-Битрикс:** Раздел "Маркетинг" → "Веб-аналитика" **Tilda:** Настройки сайта → "Аналитика" → поле "Яндекс.Метрика" ===== Настройка для фрейма Ticketland ===== === 1. Добавление домена в счетчик === В настройках счетчика во вкладке **"Фильтры"** → **"Дополнительные адреса сайта"** добавьте: ticketland.ru *.ticketland.ru === 2. Базовый код фрейма ===
=== 3. Отслеживание событий фрейма === Добавьте этот код для отслеживания взаимодействий: // Отслеживание загрузки фрейма 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 }); }); === 4. Цели для анализа продаж === Настройте в Метрике цели с типом **"JavaScript-событие"**: | Цель | Идентификатор | Описание | |------|---------------|----------| | Просмотр события | `event_view` | Пользователь просмотрел страницу события | | Выбор билетов | `ticket_select` | Пользователь выбрал билеты | | Начало оформления | `checkout_start` | Начало процесса оплаты | ===== Проверка работы ===== === Проверка счетчика на сайте === 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 часа ❗ **Важно:** После изменения настроек счетчика необходимо обновить код на сайте ===== Решение частых проблем ===== === Счетчик не собирает данные === - Проверьте правильность номера счетчика - Убедитесь, что код на всех страницах - Отключите 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/|Базовая документация]] 💡 **Совет:** Для сложных случаев интеграции обратитесь к технической документации или в поддержку сервисов ===== Настройка счетчика Яндекс.Метрики на сайте ===== **Актуальная документация Яндекса по подключению, созданию, настройке и администрированию Яндекс.Метрики** [[https://yandex.ru/support/metrica/ru/|Яндекс.Метрика]] [[https://yandex.ru/support/metrica/ru/general/creating-counter/|https://yandex.ru/support/metrica/ru/general/creating-counter/ — Создание счетчика. Подробная инструкция от Яндекс]] [[https://yandex.ru/support/metrica/ru/general/check-counter| https://yandex.ru/support/metrica/ru/general/check-counter — Проверка счетчика]] [[https://yandex.ru/support/metrica/ru/general/debugger| https://yandex.ru/support/metrica/ru/general/check-counter — Отладчик работы счетчика Метрики]] ====== Создание Счетчика в Яндекс.Метрике ====== ===== 1. Подготовительные действия ===== * Ваша учетная запись Яндекс (Яндекс.ID). Если ее нет, необходимо зарегистрироваться. * Определение основных доменов сайта, для которых будет собираться статистика. ===== 2. Процедура создания ===== - Зайдите в [[https://metrika.yandex.ru/list|личный кабинет Яндекс.Метрики]] и нажмите кнопку **"Добавить счетчик"** - На странице нового счетчика заполните обязательные поля: * **Имя счетчика:** – Укажите понятное название для идентификации (например, «Основной сайт company.com»). * **Адрес сайта:** – Введите основной домен без http:// или https:// (например, example.ru). Кириллические домены вводите кириллицей . * **Часовой пояс:** – Выберите параметры, по которым будет вестись отчетность. * **Валюта:** – - Настройте дополнительно: * **Вебвизор, карта скроллинга, аналитика форм** – рекомендуется включить для детального анализа поведения пользователей. * **Автоматические цели** – позволяет автоматически отслеживать клики по email, телефонам и другим элементам. * **Электронная коммерция** – активируйте, если сайт является интернет-магазином. * **Контентная аналитика** – полезна для блогов и контент-проектов. **1. Настройки электронной торговли внутри личного кабинета Яндекс.Метрики и на сайте:** Чтобы данные в электронную торговлю начали поступать, необходимо убедиться, что код на сайте и настройки вашего счетчика позволяют это делать. Для этого: - Зайдите в личный кабинет Яндекс.Метрики - Перейдите в раздел настройки - Убедитесь, что у вас включена настройка "Электронная коммерция". Или включите ее и сохраните. Имя контейнера данных должно быть равно "dataLayer". - Убедитесь, что код на странице настройки соответствует тому, что размещен у вас на сайте. (Если ранее код на сайте не был установлен, то не беспокойтесь, внутри файла GTM при импорте подключается сразу правильный код). - В случае необходимости, замените код на своем сайте, если ранее настройка электронной торговле не была подключена. {{ :tlpro:nastrojka_ehlektronnoj_torgovli_v_jandeks.metrike.mp4?800x400 |}} **3. Настройки целей в Яндекс.Метрике:** - Перейдите в раздел "Цели", нажмите "Добавить цель". - В появившемся окне впишите название цели. - Выберите тип "Тип условия" - "JavaScript-событие" - Укажите "Идентификатор цели", равный одному из представленных в таблице ниже, в зависимости от того, какую цель хотите создать. | **Название** | **Идентификатор цели** | | Открытие виджета | tl_open_frame | | Добавление в корзину | tl_add_to_cart | | Покупка | tl_purchase | {{ :tlpro:zapis_ehkrana_2022-03-30_v_18.26.52_video-converter.com_.mp4?800x400 |}} ===== Интеграция с социальными сетями ===== В рамках интеграции ниже можно подключить счетчики ВК и МайТаргет. События фрейма интегрированы только со Вконтакте: при открытии фрейма уходит событие VK.Goal('conversion'), при добавлении в корзину VK.Goal('purchase');, при покупке VK.Goal('purchase');. - Скачайте файл интеграции по ссылке https://drive.google.com/file/d/1dmzekYcQ4hwCUrtzUyx7t4hbQGJv_6u4/view?usp=sharing - Откройте вашу панель управления GTM и нажмите «Администрирование». - Выберите пункт настройки «Импортировать контейнер» - Выберите скачанный в пункте 1 файл. Выберите рабочую область «Существующая» → «Default Workspace» и вариант импорта «Объединить» → «Перезаписать конфликтующие теги, триггеры и переменные.» В конце нажмите «Подтвердить». - Далее перейдите в раздел переменные - Внесите id ваших пикселей в настройках переменных. - Опубликуйте версию контейнера, нажав в верхнем правом углу кнопку «Опубликовать» - В появившемся окне нажимте кнопку «Опубликовать» повторно, а также кнопку «Далее». После этого настройки контейнера успешно применятся. {{ :tlpro:integracija_analitiki_v_gtm.mp4?800x400 |}} После этого данные начнут поступать в рекламные кабинеты. По необходимости отключите ненужные теги.