Что такое селектор и как его скопировать
Что это такое и зачем нужно
Селектор — это путь до любого объекта на сайте: например, до поля для ввода телефона или до кнопки отправки. Он показывает системе, где именно на странице находится нужный объект. Система смотрит на этот путь и точно знает, с чем работать.
Вот как могут выглядеть селекторы для разных объектов:
| Объект | Пример селектора |
| Поле для телефона | input[type="tel"] |
| Поле для e-mail | #user-email |
| Кнопка отправки | .submit-button |
В сервисе UIS селектор используется для следующих задач:
- Настройка блоков коллтрекинга — чтобы указать, в каких блоках сайта вместо контактного номера показывать номера коллтрекинга.
- Настройка интеграции форм в Личном кабинете UIS — чтобы указать, где находятся поля для телефона, имени, email и кнопка отправки.
В обоих случаях селектор помогает сервису точно понять, с каким объектом на сайте работать. Без него сервис просто не сможет найти нужное место на странице.
Если меняется внешний вид сайта, селекторы тоже могут измениться. После таких обновлений стоит проверить настройки.
Как скопировать селектор
Чтобы скопировать селектор объекта, используется встроенная панель разработчика в браузере. Инструкция приведена для Google Chrome, в других браузерах последовательность действий аналогична.
-
Откройте нужную страницу
Перейдите на страницу сайта, содержащую объект, для которого требуется получить селектор. -
Откройте панель разработчика
Наведите курсор на нужный объект на сайте (поле или кнопку). Нажмите правую кнопку мыши и выберите пункт «Посмотреть код»
- Скопируйте селектор
В открывшейся панели разработчика будет подсвечена строка кода (1), соответствующая выбранному объекту. Нажмите на эту строку правой кнопкой мыши. В контекстном меню выберите последовательно: Copy (2) → Copy selector (3).
-
Вставьте селектор
Скопированный селектор автоматически сохраняется. Вставьте его в соответствующее поле при настройке.
Альтернативный способ копирования селектора
Если сайт не дает открыть меню по правой кнопке мыши, используйте следующий способ:
- Нажмите клавишу F12 или сочетание Ctrl+Shift+I для открытия панели разработчика.
- Перейдите на вкладку Elements и нажмите на иконку выбора объекта в левом верхнем углу панели (обычно это значок квадрата с курсором).
- Кликните на нужный объект на странице - его код будет подсвечен в панели разработчика.
-
Скопируйте селектор
В открывшейся панели разработчика будет подсвечена строка кода (1), соответствующая выбранному объекту. Нажмите на эту строку правой кнопкой мыши. В контекстном меню выберите последовательно: Copy (2) → Copy selector (3).
-
Вставьте селектор
Скопированный селектор автоматически сохраняется. Вставьте его в соответствующее поле при настройке.