Различия
Показаны различия между двумя версиями страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
tlpro:integrations [2025/09/26 13:34] n.zalozin [Проверка работы в фрейме] |
tlpro:integrations [2025/10/13 11:20] (текущий) n.zalozin |
||
---|---|---|---|
Строка 1: | Строка 1: | ||
- | ====== Настройка счетчика Яндекс.Метрики | + | ====== Настройка Яндекс.Метрики |
- | **Яндекс.Метрика** — это сервис веб-аналитики, | + | **Краткое руководство по установке и базовой настройке счетчика |
<WRAP center round info 60%> | <WRAP center round info 60%> | ||
- | **Целевая аудитория:** маркетологи, | + | **Время настройки:** 15-30 минут |
- | **Время выполнения:** 20-40 минут | + | **Необходимо:** доступ к редактированию кода сайта |
- | **Уровень сложности:** начальный-средний | + | |
</ | </ | ||
- | ===== Оглавление ===== | + | ===== Быстрая навигация ===== |
- | + | ||
- | - [[# | + | |
- [[# | - [[# | ||
- [[# | - [[# | ||
+ | - [[# | ||
- [[# | - [[# | ||
- | - [[#дополнительные_настройки|Дополнительные настройки]] | + | - [[#полезные_ссылки|Полезные ссылки]] |
- | - [[# | + | |
- | - [[# | + | |
- | + | ||
- | ===== Предварительные требования ===== | + | |
- | + | ||
- | * **Учетная запись Яндекс** (Яндекс.ID) | + | |
- | - Если нет: [[https:// | + | |
- | - Рекомендуется использовать корпоративную почту | + | |
- | + | ||
- | * **Доступ к сайту: | + | |
- | - Права администратора CMS | + | |
- | - Доступ к FTP/ | + | |
- | - Возможность редактирования HTML-кода | + | |
- | + | ||
- | * **Информация о сайте: | + | |
- | - Доменное имя сайта | + | |
- | - Часовой пояс посетителей | + | |
- | - IP-адреса сотрудников (для фильтрации) | + | |
===== Создание счетчика ===== | ===== Создание счетчика ===== | ||
- | === Шаг 1: Начало | + | === Шаг 1: Регистрация в Метрике |
- | 1. Перейдите | + | 1. Перейдите |
- | 2. Нажмите кнопку **" | + | |
- | 3. Авторизуйтесь, если потребуется | + | [[https:// |
+ | | ||
+ | 2. Нажмите кнопку | ||
+ | **" | ||
+ | 3. Авторизуйтесь с помощью Яндекс.ID | ||
=== Шаг 2: Основные настройки === | === Шаг 2: Основные настройки === | ||
Строка 47: | Строка 31: | ||
Заполните обязательные поля: | Заполните обязательные поля: | ||
- | | **Параметр** | **Значение** | **Пример** | **Примечание** | | + | | Параметр | Пример значения | Примечание | |
- | |-------------|--------------|------------|----------------| | + | | **Имя счетчика** | `Основной сайт |
- | | **Имя счетчика** | Уникальное имя | "Основной сайт | + | | **Адрес сайта** | `example.ru` | Без http/https | |
- | | **Адрес сайта** | + | | **Часовой пояс** | Москва, |
- | | **Часовой пояс** | + | | **Владелец счетчика** | Иванов И.И. | Кто управляет счетчиком | |
- | | **Владелец счетчика** | + | |
- | === Шаг 3: Дополнительные | + | === Шаг 3: Дополнительные опции === |
+ | Рекомендуемые настройки: | ||
< | < | ||
[✓] Вебвизор, | [✓] Вебвизор, | ||
- | [✓] Автоматические цели | + | [✓] Автоматические цели |
[✓] Яндекс.Директ (если используется) | [✓] Яндекс.Директ (если используется) | ||
[ ] Электронная коммерция (только для магазинов) | [ ] Электронная коммерция (только для магазинов) | ||
- | [✓] Информация о технологиях посетителей | ||
</ | </ | ||
- | === Шаг 4: Важные настройки безопасности === | + | === Шаг 4: Завершение создания === |
- | + | ||
- | В разделе **" | + | |
- | + | ||
- | < | + | |
- | [x] Принимать данные только с указанных адресов | + | |
- | [x] Не сохранять полные IP-адреса посетителей | + | |
- | [x] Включить фильтр роботов | + | |
- | [x] Учитывать только определенные домены | + | |
- | </ | + | |
- | + | ||
- | === Шаг 5: Завершение создания === | + | |
1. Примите условия пользовательского соглашения | 1. Примите условия пользовательского соглашения | ||
- | 2. Нажмите **" | + | 2. Нажмите |
- | 3. Сохраните номер счетчика (пример: | + | **" |
- | + | 3. Нажмите | |
- | <WRAP center round important 60%> | + | **" |
- | ❗ **Запишите номер счетчика** | + | (например: 12345678) |
- | </ | + | |
===== Установка на сайт ===== | ===== Установка на сайт ===== | ||
- | === Способ 1: Прямая установка в HTML-код | + | === Базовый код для вставки === |
- | **Полный код | + | Скопируйте этот |
<code html> | <code html> | ||
<!-- Yandex.Metrika counter --> | <!-- Yandex.Metrika counter --> | ||
- | <script type=" | + | <script type=" |
| | ||
| | ||
- | for (var j = 0; j < document.scripts.length; | ||
| | ||
| | ||
Строка 104: | Строка 74: | ||
trackLinks: | trackLinks: | ||
accurateTrackBounce: | accurateTrackBounce: | ||
- | webvisor: | + | webvisor: |
- | ecommerce:" | + | |
}); | }); | ||
</ | </ | ||
Строка 112: | Строка 81: | ||
</ | </ | ||
- | **Место установки:** | + | где 12345678 - ваш номер счетчика. |
- | - Внутри тега `< | + | |
- | - Как | + | |
- | - На **всех** страницах сайта | + | |
- | === Способ 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%> | <WRAP center round important 60%> | ||
- | ❗ **Первые данные** появятся через 2-4 часа. **Полная статистика** будет доступна через 24 часа после установки | + | ❗ **Внимание:** Если ваш сайт также использует |
</ | </ | ||
+ | === Установка через CMS === | ||
- | ===== Дополнительные настройки ===== | + | **WordPress: |
- | === Настройка целей === | + | **1C-Битрикс:** Раздел " |
- | **Пример цели: "Отправка формы заявки"** | + | **Tilda:** Настройки сайта → " |
- | 1. **В интерфейсе Метрики:** | + | ===== Настройка для фрейма Ticketland ===== |
- | - Цели → Добавить цель | + | |
- | - Название: | + | |
- | - Тип условия: " | + | |
- | - Идентификатор цели: `form_success` | + | |
- | 2. **В код сайта добавьте:** | + | === 1. Добавление |
- | + | ||
- | <code html> | + | |
- | < | + | |
- | // Для стандартной формы | + | |
- | document.getElementById(' | + | |
- | ym(12345678, | + | |
- | }); | + | |
- | + | ||
- | // Для AJAX формы | + | |
- | function trackFormSuccess() { | + | |
- | ym(12345678, | + | |
- | } | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | **Автоматические цели (уже включены):** | + | |
- | - Клики по email: `mailto:` | + | |
- | - Клики по телефонам: `tel:` | + | |
- | - Скачивание файлов: | + | |
- | - Внешние ссылки | + | |
- | + | ||
- | === Настройка фильтров === | + | |
- | + | ||
- | **Исключение сотрудников:** | + | |
- | + | ||
- | 1. Перейдите в " | + | |
- | 2. Настройте фильтр: | + | |
+ | В настройках счетчика во вкладке **" | ||
< | < | ||
- | Тип: Исключить | + | ticketland.ru |
- | Поле: IP-адрес | + | *.ticketland.ru |
- | Значение: | + | |
- | Название: | + | |
</ | </ | ||
- | 3. Включите опцию **" | + | === 2. Базовый код фрейма === |
- | + | ||
- | === Настройка вебвизора === | + | |
- | + | ||
- | **Рекомендуемые параметры: | + | |
- | - ✅ Запись сессий | + | |
- | - ✅ Карта кликов | + | |
- | - ✅ Аналитика форм | + | |
- | - ❌ Запись авторизованных пользователей (по необходимости) | + | |
- | - ✅ Запись посещений с мобильных устройств | + | |
- | + | ||
- | ===== Решение проблем ===== | + | |
- | + | ||
- | === Проблема: | + | |
- | + | ||
- | **Диагностика: | + | |
- | 1. Проверьте наличие кода на странице (ПКМ → Посмотреть код) | + | |
- | | + | |
- | 3. Проверьте с отключенными блокировщиками | + | |
- | + | ||
- | **Решение: | + | |
- | - Переустановите код счетчика | + | |
- | - Проверьте правильность номера счетчика | + | |
- | - Отключите AdBlock на вашем сайте | + | |
- | + | ||
- | === Проблема: | + | |
- | + | ||
- | **Причины: | + | |
- | - Опция не была | + | |
- | - Не обновлен код после включения опции | + | |
- | - IP-адрес исключен через фильтры | + | |
- | + | ||
- | **Решение: | + | |
- | 1. Проверьте настройки счетчика | + | |
- | 2. Обновите | + | |
- | 3. Проверьте | + | |
- | + | ||
- | === Проблема: | + | |
- | + | ||
- | **Возможные причины: | + | |
- | - Не настроены фильтры | + | |
- | - Дублирование кода счетчика | + | |
- | - Кэширование страниц | + | |
- | - Разные часовые пояса | + | |
- | + | ||
- | === Проблема: | + | |
- | + | ||
- | **Решение: | + | |
- | - Проверьте правильность номера счетчика | + | |
- | - Убедитесь, | + | |
- | - Проверьте доступ к аккаунту | + | |
- | + | ||
- | ===== Часто задаваемые вопросы ===== | + | |
- | + | ||
- | === ❓ Сколько времени нужно для появления данных? | + | |
- | Первые данные появляются через 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> | <code html> | ||
- | <!-- Стандартный код iframe --> | + | <div id="tl-widget-container"></ |
- | <iframe src="https:// | + | < |
- | + | var tlWidgetConfig = { | |
- | <!-- Модифицированный код с передачей параметров --> | + | partner: 'your-partner-code', // Получить в Ticketland |
- | <iframe src=" | + | container: 'tl-widget-container', |
- | </code> | + | type: 'events' // или ' |
- | + | | |
- | === Шаг 3: Специальный код для фрейма === | + | |
- | + | (function() { | |
- | Используйте этот | + | var script |
- | + | | |
- | <code javascript> | + | document.head.appendChild(script); |
- | <!-- Yandex.Metrika counter для фрейма --> | + | |
- | <script type=" | + | |
- | // Получаем | + | |
- | | + | |
- | | + | |
- | var externalYmuid = urlParams.get(' | + | |
- | + | ||
- | (function(m, | + | |
- | | + | |
- | for (var j = 0; j < document.scripts.length; | + | |
- | | + | |
- | (window, document, " | + | |
- | + | ||
- | // Настройка для фрейма с внешними параметрами | + | |
- | ym(12345679, | + | |
- | | + | |
- | 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: Передача данных | + | === 3. Отслеживание событий фрейма === |
- | Для кросс-доменной коммуникации добавьте этот код на **родительскую | + | Добавьте этот код |
<code javascript> | <code javascript> | ||
- | // Код для родительской страницы | + | // Отслеживание загрузки фрейма |
- | window.ticketlandFrameTracker = { | + | document.addEventListener(' |
- | 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(' | + | |
- | | + | |
}); | }); | ||
- | </ | ||
- | ===== Отслеживание конверсий в фрейме ===== | + | // Отслеживание кликов по событиям |
- | + | document.addEventListener(' | |
- | === Настройка целей для покупки билетов === | + | ym(12345678, ' |
- | + | event_id: | |
- | **В интерфейсе Метрики создайте цели: | + | |
- | + | ||
- | 1. **" | + | |
- | 2. **" | + | |
- | 3. **" | + | |
- | + | ||
- | === Код для отслеживания событий в фрейме === | + | |
- | + | ||
- | <code javascript> | + | |
- | // Пример отслеживания событий покупки | + | |
- | function | + | |
- | ym(12345679, ' | + | |
- | event_id: | + | |
- | ticket_count: | + | |
- | | + | |
- | 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() | ||
}); | }); | ||
</ | </ | ||
- | === Проблема: Потеря источника трафика | + | <del>=== 4. Цели для |
- | **Решение: | + | Настройте в Метрике цели с типом **" |
- | <code javascript> | + | | Цель | Идентификатор | Описание | |
- | // Передача UTM-параметров | + | |------|---------------|----------| |
- | var utmParams = { | + | | Просмотр события | `event_view` | Пользователь просмотрел страницу события | |
- | | + | | Выбор билетов | `ticket_select` | Пользователь выбрал билеты | |
- | | + | | Начало оформления | `checkout_start` | Начало процесса оплаты | |
- | utm_campaign: | + | </ |
- | }; | + | ===== Проверка работы ===== |
- | ym(12345679, | + | === Проверка счетчика на сайте === |
- | </ | + | |
- | ===== Проверка работы в фрейме ===== | + | 1. Откройте сайт с параметром: `? |
+ | |||
+ | (возможно понадобится | ||
+ | В нижнем правом углу вашего сайта должен появиться значок Яндекс Метрики | ||
- | === Методы отладки | + | {{: |
+ | |||
+ | | ||
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | 2. Нажмите F12 → Console | ||
- | | + | |
- | - Откройте инструменты разработчика | + | |
- | - Перейдите в контекст | + | |
- | - Проверьте наличие запросов к mc.yandex.ru | + | |
- | 2. **Проверка | + | === Проверка фрейма |
- | - Добавьте `? | + | |
- | - Проверьте передаваемые параметры | + | |
- | | + | |
- | - Используйте отчет "Мониторинг" в Метрике | + | 2. В консоли напишите: `document.querySelector(' |
- | - Фильтруйте по hostname | + | 3. Убедитесь, что фрейм |
- | === Пример корректной работы === | + | === Проверка в интерфейсе Метрики |
- | < | + | - Зеленый индикатор "Данные поступают" |
- | [Яндекс.Метрика] counter 12345679 hit https:// | + | - Первые данные через 2-3 часа |
- | [Яндекс.Метрика] Параметры: {externalRef: | + | - Вебвизор |
- | [Яндекс.Метрика] Цель достигнута: ticket_purchase | + | |
- | </ | + | |
- | ===== Интеграция с электронной коммерцией ===== | + | <WRAP center round important 60%> |
+ | ❗ **Важно:** После изменения настроек счетчика | ||
+ | </ | ||
- | === Настройка данных о покупках | + | ===== Решение частых проблем ===== |
- | Для | + | === Счетчик не собирает данные === |
+ | - Проверьте правильность номера счетчика | ||
+ | - Убедитесь, | ||
+ | - Отключите AdBlock для тестирования | ||
- | <code javascript> | + | === Не работают цели === |
- | // Передача данных о заказе | + | |
- | ym(12345679, | + | - Убедитесь, что код цели выполняется |
- | orderPrice: 2500, | + | - Проверьте с помощью |
- | orderId: 'ORD-12345', | + | |
- | currency: ' | + | |
- | products: [ | + | |
- | { | + | |
- | id: ' | + | |
- | name: 'Билет | + | |
- | price: 1250, | + | |
- | quantity: 2 | + | |
- | } | + | |
- | ] | + | |
- | }); | + | |
- | </ | + | |
- | ===== FAQ по фрейму Ticketland ===== | + | === Проблемы с фреймом === |
- | === ❓ Почему не отслеживаются посетители во фрейме? === | + | - Проверьте, добавлен ли домен ticketland.ru |
- | **Ответ: | + | - Убедитесь, что фрейм загружается корректно |
+ | - Проверьте | ||
- | === ❓ Как | + | ===== Полезные |
- | **Ответ: | + | |
- | === ❓ Нужен ли отдельный | + | **Официальная документация Яндекс: |
- | **Ответ:** Рекомендуется использовать отдельный счетчик | + | - [[https:// |
+ | - [[https:// | ||
- | === ❓ Как настроить | + | **Документация |
- | **Ответ:** Используйте JavaScript-события на каждом | + | - [[https:// |
<WRAP center round tip 60%> | <WRAP center round tip 60%> | ||
- | 🎫 **Совет: | + | 💡 **Совет: |
- | </ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | ====== Интеграции | + | |
- | + | ||
- | Продавая билеты на своём сайте, зачастую возникает потребность анализировать продажи средствами web-аналитики или | + | |
- | <WRAP center round important 60%> | + | |
- | ❗ | + | |
</ | </ | ||