Как не пустить в видео о сайте баннеры согласия, кнопки чатов и окна подписки: закрыть их, скрыть через CSS, заблокировать списками фильтров или взять инструмент съёмки, который сначала убирает их сам.
Aviral LakhanpaulОбновлено Чтение: 2 мин
Убирайте их до съёмки, а не после: обрезанный или размытый в редакторе баннер никогда не выглядит чисто. Если записываете сами, закройте баннер, скройте оставшееся строкой CSS в DevTools или заблокируйте уведомления о cookie списком фильтров. Если рендерите по URL, берите инструмент, который автоматически убирает баннеры согласия, кнопки чатов и модальные окна и позволяет скрыть по CSS-селектору всё, что он пропустил.
Полоса согласия, закреплённая внизу окна, есть в каждом кадре видео с прокруткой. Обрезав её, вы тоже теряете полоску страницы в каждом кадре, а размытие оставляет пятно, которое стоит на месте, пока всё остальное прокручивается. С кнопкой чата в углу та же история. Чистый вариант только один — тот, где их никогда не было.
/* Вставьте в новое правило стилей на панели Elements. Поменяйте селекторы
на те, что на самом деле используются на странице. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }Последняя строка важнее, чем кажется. Многие модальные окна блокируют прокрутку страницы, пока открыты, и если скрыть окно, не сняв блокировку, страница перестанет прокручиваться.
В Website Scroll Video это включено по умолчанию — настройка «Убирать cookie-баннеры и всплывающие окна». Прежде чем что-либо снимать, страницу очищают:
Рядом есть ещё две настройки. «Блокировать трекеры и рекламу» не даёт загружаться запросам трекеров и рекламы, а заодно убирает из кадра рекламные места и виджеты, которые они приносят. «Скрыть элементы» принимает CSS-селекторы, по одному в строке, для всего, что специфично для сайта и осталось после автоматической очистки, например промо-полосы или закреплённой кнопки «Записаться на демо».
Закреплённая панель навигации — часть дизайна, а не мусор, и обычно ей место в видео. Рендереры, которые ведут кадр по одному высокому скриншоту, должны обрабатывать её отдельно, иначе она появится один раз наверху, а потом уедет вместе с прокруткой. Website Scroll Video заново накладывает закреплённую шапку поверх каждого кадра, закреплённую так, как её видит посетитель. Если она вам совсем не нужна, добавьте её селектор в «Скрыть элементы».
Вставьте ссылку и бесплатно посмотрите прокрутку в предпросмотре. Бесплатных кредитов при регистрации: 51. Карта не нужна, а на экспортах нет водяного знака.
Закройте его и перезагрузите страницу, чтобы убедиться, что он не вернулся, или скройте его правилом CSS в DevTools, или включите в блокировщике рекламы список фильтров для уведомлений о cookie. Затем снимите блокировку прокрутки, если он её оставил.
Нет. Известные платформы согласия распознаются по имени, а незнакомые — эвристикой, которая ищет закреплённые элементы поверх всего остального с текстом о согласии, и всё это удаляется до начала съёмки. Вместе с ними уходят кнопки чатов и окна подписки на рассылку.
Добавьте его CSS-селектор в «Скрыть элементы» в настройках видео и снова посмотрите предпросмотр. Предпросмотр бесплатный, поэтому проверить можно до экспорта.
Автоматизируйте запись сайтов: настраиваемое движение, умные регуляторы и параметры экспорта, сделанные для современных авторов.
