Настраивайте любую веб-страницу по своему усмотрению. Опишите, что хотите, и ИИ изменит страницу для вас — без необходимости писать код.
Что такое Sider Code?
Sider Code — это инструмент для настройки веб-страниц с помощью ИИ, который позволяет изменять практически любую страницу, используя простой естественный язык.
Вместо написания кода достаточно описать, что вы хотите изменить. Sider Code поймёт запрос и настроит страницу за вас.
С помощью Sider Code вы можете:
- Добавлять функции на базе ИИ, например, кнопку резюме для длинных статей или суммирование тысяч комментариев
- Удалять отвлекающие элементы, такие как реклама, всплывающие окна, боковые панели или спонсорский контент
- Настраивать внешний вид страницы, например, включать тёмный режим или менять макет страницы
Например, вы можете попросить:
- «Добавить кнопку для суммирования комментариев»
- «Удалить всю рекламу с этой страницы»
- «Скрыть боковую панель и сделать статью на всю ширину»
- «Сделать страницу чище и удобнее для чтения»
Как настроить Sider Code
Перед использованием Sider Code необходимо выполнить два простых шага настройки:
- Включить пользовательские скрипты
- Установить Sider Operator
Эти шаги позволят Sider Code автоматически применять изменения и тестировать/отлаживать настройки страницы.
Шаг 1: Откройте Sider Code
Откройте боковое меню Sider и нажмите на иконку Code.
Вы увидите страницу приветствия Sider Code. Нажмите Начать.
Шаг 2: Включите пользовательские скрипты
Sider Code требует разрешения Пользовательские скрипты для применения изменений на веб-страницах.
В панели настройки нажмите Открыть настройки расширения.
Откроется страница настроек расширений Chrome.
Найдите Разрешить пользовательские скрипты и включите эту опцию.
После включения вернитесь к панели Sider Code. Первый шаг должен быть отмечен как выполненный.
Шаг 3: Установите Sider Operator
Далее установите Sider Operator.
Sider Operator помогает Sider Code автоматически тестировать и отлаживать изменения на страницах, чтобы ваши настройки работали надёжнее.
В панели настройки Sider Code нажмите Установить Sider Operator.
Откроется страница Sider Operator в Chrome Web Store.
Шаг 4: Добавьте Sider Operator в Chrome
На странице Chrome Web Store нажмите Добавить в Chrome.
Chrome покажет окно подтверждения. Нажмите Добавить расширение.
После установки вернитесь к Sider Code и начинайте настраивать страницы.
Как использовать Sider Code
Шаг 1: Откройте Sider Code
Откройте нужную веб-страницу, затем нажмите значок Code в боковой панели Sider.
Шаг 2: Опишите AI, что нужно изменить
Опишите желаемые изменения простым языком.
Например:
- «Удалить спонсорские посты с этой страницы»
- «Добавить плавающее оглавление»
- «Показать рейтинги товаров рядом с каждым элементом»
Также можно нажать на предложенный запрос, например Удалить рекламу, Включить тёмный режим, Извлечь все изображения или Автопрокрутка страницы.
Шаг 3: Проверьте и уточните
Sider Code применит изменения на текущей веб-странице.
Если результат не совсем соответствует желаемому, продолжайте с помощью последующих запросов.
Например:
- «Оставить раздел комментариев.»
- «Удалить только правую боковую панель.»
- «Добавить больше отступов.»
Если конкретная область выглядит неправильно, вы также можете сделать скриншот нужной зоны и пояснить ИИ, что изменить.
Например:
- «Сделать эту кнопку меньше.»
- «Подвинуть этот блок выше.»
- «Эта область выглядит слишком перегруженной. Сделайте её чище.»
Скриншоты помогают ИИ понять точное расположение и внести более точные изменения.
Для сложных изменений может потребоваться несколько последующих запросов для достижения наилучшего результата.
После генерации скрипта обновите страницу, чтобы увидеть полный эффект.
Управление вашими настройками
Чтобы удобно организовать настройки, вы можете:
- Начать новый чат для каждой новой настройки
Используйте новый чат при создании другого скрипта, особенно для разных сайтов или версий одного сайта.
- Просматривать сохранённые скрипты в разделе Мои скрипты
Откройте панель Мои скрипты, чтобы увидеть все сохранённые настройки.
- Включать и выключать скрипты в любое время
Если скрипт включён, настройки будут автоматически применяться при каждом посещении сайта. Вы можете отключить скрипт в разделе Мои скрипты.
Будьте конкретны в своих инструкциях
Чем точнее ваш запрос, тем лучше результат.
Вместо: «Сделай это лучше»
Попробуйте: «Скрыть правую боковую панель и сделать контент статьи на всю ширину.»
Вместо: «Изменить дизайн»
Попробуйте: «Сделать страницу чище, увеличить размер шрифта и уменьшить отступы между карточками.»
Часто задаваемые вопросы
Останутся ли изменения после обновления страницы?
Да. Если скрипт включён, сохранённые настройки будут применяться при повторном посещении того же сайта.
Можно ли отключить настройку?
Да. Откройте панель Мои скрипты и переключите скрипт в нужное положение.
Что делать, если результат не идеален?
Отправьте дополнительный запрос, описывающий, что нужно исправить.
Также можно сделать скриншот, чтобы указать точную область для изменений.
Можно ли использовать Sider Code на любом сайте?
Sider Code разработан для работы на многих сайтах.
Некоторые сайты могут иметь особые ограничения или сложные макеты, поэтому для определённых изменений могут потребоваться дополнительные запросы.
Как начисляются кредиты за использование Sider Code?
Начисление кредитов происходит динамически в зависимости от сложности задачи.
Если скрипт уже сгенерирован, повторное посещение того же сайта не будет стоить кредитов.
Однако при добавлении функции на базе ИИ кредиты могут списываться при каждом её запуске. Например, при добавлении кнопки «опровержение» под каждым ответом ChatGPT кредиты будут списываться каждый раз при использовании этой кнопки для генерации опровержения.
Кто может использовать Sider Code?
Sider Code доступен в новых платных тарифах: Lite, Plus и Max.
Пользователям бесплатного тарифа и прежних платных тарифов, таких как Basic, Professional, Unlimited или Ultra, необходимо перейти на один из новых платных планов для доступа к Sider Code.
Можно ли использовать Sider Code в полноэкранном режиме?
Нет. Sider Code работает только в боковой панели Sider.
Поскольку Sider Code должен работать на текущей вкладке браузера, он недоступен в полноэкранном режиме.