Как лучше заблокировать рекламу (как правильно составить правило) зная код который нужно заблокировать?
Сейчас ситуация такая: на сайте столкнулся с проблемой... Есть элемент который Планирую заблокировать.
Сейчас ситуация такая: я бы и не задавал этот вопрос, если не одна проблема... При наведении на кнопку - этот всплывающий элемент появляется СЛЕВА в виде всплывающего окна...
По вводным: как только я навожу курсор мыши на всплывающее окно которое Планирую заблокировать - ОНО ИСЧЕЗАЕТ...
Сейчас ситуация такая: из-за этого я не могу его заблокировать ни через Adguard, ни через ublock origin...
Сейчас ситуация такая: сижу уже час, намучился конкретно, кое-как через консоль извлек код который мне нужно заблокировать...
Нужно понять: может кто-то может подсказать, как правильно создать правило для того же Adguard?
<div data-tippy-root="" id="tippy-54" style="pointer-events: none; z-index: 1000; visibility: visible; position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate(-782px, 316px);"><div class="tippy-box" data-state="visible" tabindex="-1" data-animation="fade" role="tooltip" style="max-width: 350px; transition-duration: 400ms;" data-placement="left"><div class="tippy-content" data-state="visible" style="transition-duration: 400ms;"><div><div class="m-4 max-w-240"><div class="mb-4 font-semibold text-on-color">Расположение задачи</div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Проект</span>: <span class="font-semibold"> (РФ) повторные</span></div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Доска</span>: <span class="font-semibold">Новая доска</span></div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Колонка</span>: <span class="font-semibold">ПОВТОРНЫЕ КЛИЕНТЫ</span></div></div></div></div><div class="tippy-arrow" style="position: absolute; top: 0px; transform: translate(0px, 49px);"></div></div></div> <div class="tippy-box" data-state="visible" tabindex="-1" data-animation="fade" role="tooltip" style="max-width: 350px; transition-duration: 400ms;" data-placement="left"><div class="tippy-content" data-state="visible" style="transition-duration: 400ms;"><div><div class="m-4 max-w-240"><div class="mb-4 font-semibold text-on-color">Расположение задачи</div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Проект</span>: <span class="font-semibold"> (РФ) повторные</span></div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Доска</span>: <span class="font-semibold">Новая доска</span></div><div class="mb-4 text-obscure-constant-old text-no-wrap"><span>Колонка</span>: <span class="font-semibold">ПОВТОРНЫЕ КЛИЕНТЫ</span></div></div></div></div><div class="tippy-arrow" style="position: absolute; top: 0px; transform: translate(0px, 49px);"></div></div>Нужно понять: я проверял такие варианты - ничего не срабатывает, я в этом не особо разбираюсь, может кто-то сможет помочь?
ru.yougile.com##.tippy^ ru.yougile.com##.$="tippy" ru.yougile.com##.data-tippy-root ru.yougile.com##data-tippy-root ru.yougile.com##.tippy-box ru.yougile.com#$#.tippy { visibility: hidden; }Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Если нужно заблокировать рекламный элемент по известному HTML/CSS-коду, сначала определите, что именно стабильно: class, id, атрибут, часть URL скрипта или iframe. Блокировать по случайному class вроде css-1a2b3c плохо: он может меняться при каждом обновлении сайта.
Для uBlock Origin правила бывают двух типов: сетевые и косметические. Если реклама грузится отдельным скриптом/iframe, лучше блокировать URL:
||example-ad-domain.com^ ||site.ru/path/to/adscript.js
Если элемент уже есть на странице и его нужно просто скрыть, используется косметическое правило:
example.com##.ad-banner example.com###popup-ad example.com##div[data-ad="true"]
Если элемент появляется только при наведении на кнопку, откройте DevTools, включите режим выбора элемента и попробуйте зафиксировать состояние hover. В Chrome можно выбрать элемент и включить :hov -> :hover. После этого смотрите реальный контейнер всплывающего блока, а не кнопку, на которую навели мышь.
Часто помогает правило по тексту или атрибуту, но с ним нужно аккуратно:
example.com##div[class*="advert"] example.com##iframe[src*="ads"]
Если всплывашка вставляется скриптом, одного скрытия может быть мало: элемент исчезнет, но скрипт продолжит грузиться. Тогда ищите в Network, какой JS или iframe отвечает за блок, и блокируйте сетевой запрос.
Безопасный порядок такой:
Если дадите фрагмент HTML или домен, правило можно составить точнее. Но общий принцип: статичный баннер скрываем косметикой, динамическую рекламу лучше блокировать на уровне скрипта или iframe.