Кнопка добавить в закладки браузера

Обновлено: 25.11.2022

Кроссбраузерное добавление страницы в закладки реализуется с использованием JavaScript. Для добавления страницы в Избранное браузеров Internet Explorer и браузеров, работающих на движке IE, вызывается стандартный метод AddFavorite . Однако здесь есть одна важная деталь. Если страница IE открыта как embedded-объект в другом приложении, например в плагинах или при использовании компонентов для работы с html, то объект window.external присутствует, но его метод AddFavorite не срабатывает. Это наиболее частая ошибка разработчиков, которые просто копируют код друг у друга без его понимания и тестирования. Также большой ошибкой будет использование на своем сайте только одного этого способа.

Браузеры на движке Gecko, такие как Firefox, Netscape, K-Meleon и другие, имеют объект window.sidebar и метод для добавления addPanel . Третий параметр метода недокументирован и является необязательным, поэтому в скрипте заменяется просто пустой строкой. Обратите внимание, что по умолчанию ссылка добавляется не совсем в закладки, а в боковую панель браузера. Для добавления страницы в нужную папку закладок выберите ее в выпадающем меню.

Для браузера Opera ссылка добавления в закладки должна иметь атрибут rel="sidebar" . Но если этот атрибут ставить сразу по умолчанию, то некоторые браузеры типа Netscape будут отрабатывать функцию добавления в закладки дважды: первый раз через скрипт и второй раз через атрибут rel. Поэтому придется изменять атрибуты ссылки динамически, предварительно определив браузер проверкой типа объекта opera.

Теперь, когда у нас есть все исходные данные, можно написать кроссбраузерный скрипт для добавления страницы в закладки. У меня получился вот такой:

Пример ссылки "Добавить в Избранное" для этого скрипта:

Рабочий пример реализации вы можете увидеть прямо на этой странице. Использование конструкций try-catch позволяет скрипту правильно отрабатывать в любых нестандартных ситуациях, например в окне IE Tab, открытом в браузере Firefox. Также скрипт корректно работает в различных экзотических браузерах, которые нельзя однозначно определить через UserAgent или DOM-свойства . Всякие хваленые коммерческие поделки типа DLE в этой ситуации молча обламываются.

Ищется документация по движку WebKit (браузеры Safari, Chrome) в части добавления страницы в закладки. Кто найдет - большая просьба поделиться.

В любом из современных браузеров есть функция добавления сайтов в список избранного. Таким образом, пользователь может сохранить любимые сайты и держать их всегда под рукой, чтобы иметь к ним быстрый доступ. Но долгое время была популярна кнопка для сайта "Добавить в избранное". Эта функция несколько упрощает процесс добавления сайта в закладки и позволяет лишний раз напомнить пользователю о том, что неплохо было бы добавить сайт в избранное.

Здесь работает психология. Дело в том, что видя на сайте предложение о добавлении в избранное, пользователь задумывается нужно ли ему это. И если он решит, что сайт, действительно, полезен, то добавит его в список закладок. А если предложения не поступит, то пользователь и не задумается над этим вопросом. Именно поэтому нужно предлагать: кто стучится - тому открывают.

Конечно, большинство посетителей добавляют страницы в закладки не потому, что планируют возвращаться на сайт каждый день, а "на всякий случай, вдруг понадобится", и, как правило, не возвращаются. Но некоторые пользователи возвращаются регулярно и формируют костяк посетителей. Так или иначе, если люди будут возвращаться на сайт, это значит, что ваш сайт полезен, и это положительно скажется на поведенческих факторах вашего ресурса, что позволит поисковым системам относиться к нему с большим доверием.

Размещать кнопку "Добавить в избранное" на сайте нужно на видном месте, но не слишком навязчиво. Лучшее место для такой кнопки - шапка, либо боковая часть сайта.

Не нужно делать кнопку огромной или слишком маленькой. Помните, что кнопка должна вписываться в общий дизайн сайта, и не быть слишком навязчивой или слишком малозаметной.

Код кнопки "Добавить сайт в избранное"

Большинство современных браузеров, с приходом стандарта HTML5, поддерживают атрибут rel="sidebar".

Но помните, что в браузере Google Chrome невозможно добавить сайт в закладки с помощью кнопки на сайте. Для этого есть специальная комбинация клавиш: Ctrl+D, поэтому не забудьте сообщить пользователю об этом.

Отслеживать количество пользователей, добавивших ваш сайт в закладки, можно, например, с помощью сервиса Яндекс.Метрика ("Посещаемость" - "Конверсии").

как сделать на сайте кнопку добавить в избранное

Что ж, пришло время написать несколько коротеньких постов на в общем-то полезные темы!

Одна барышня, попросившая организовать на её сайте кнопку «добавить страницу в избранное браузера», заодно поинтересовалась, как у меня устроен фиксированный сайдбар и меню. и коли эти функции кого-то интересуют, — значит, возможно, потребуются и посты.

Сегодня прикрутим и настроим на сайте кнопку «страницу в избранное».

Я, признаться, у себя на блоге такое чудо не использую: не знаю, как-то не раскушал прок… Но если у вас появилось желание реализовать такую кнопочку «у себя…», давайте приступим. Дело очень простое — займёт минут десять труда и, к тому же, как бы то ни было — очень полезное принципиальное js-познание…

В следующих статьях реализуем «прилепленное» меню и сайдбар ( ссылки на эти статьи в комментариях )…

создаём кнопку «добавить в избранное»…

Что нам для этого потребуется.

Во-первых: определиться с географией расположения сего элемента) От этого будет зависеть «устройство» селекторов css.

В-вторых, конечно же, не забыть сделать бэкап сайта.

И коли определённость и осторожность … достигнуты) — смело заходим в файловую директорию (ядро) своего шаблона; отыскиваем папку с именем js — если её нет — создаём новенькую, эта папка ещё потребуется много раз для иных полезных файлов: например, когда расширяем функционал визуального текстового редактора, скажем, добавляем свои полезные кнопочки …

Итак: в созданной, или уже существующей папке под именем js , теперь необходимо создать js-файл… в который поместим необходимую на сегодня функцию.

нам требуется к так называемому событию onClick какого-то элемента сайта прикрутить определённую JavaScript-функцию: сегодня — это строки данные чуть ниже.

Продолжим… дадим новому файлу понятное имя, такое, чтобы в дальнейшем было легко определить его назначение…

Назовём, скажем, function-isbranoe.js (имя можете выбрать своё собственное).

Теперь в созданный файл пропишем такие чудо-строки: т.е саму JavaScript-функцию.

Практически всё готово! остаётся только расположить «физически» саму кнопку во фронтенде сайта: где-то в сайдбаре, ну или ещё как-то…

Как вы поняли, для привязки элемента кнопки на сайт, всего-навсего нужно дописать строку показанную в самом верху: это обычная в общем-то ссылка, обыгранная полезным эфектом Js-функции.

…я рекомендую кнопь «добавить в закладки браузера» как-то обработать стилистикой css: завернуть в какой-то div класс…

Избранное — это тематические коллекции изображений и видео, которые хранятся на сервисе Яндекс Избранное. В коллекции можно добавлять и закладки, чтобы иметь к ним доступ из других браузеров.

Чтобы работать со своими коллекциями, войдите в Яндекс Браузер с Яндекс ID на всех синхронизированных устройствах.

Просмотреть коллекцию

Чтобы открыть коллекции в Браузере, нажмите в правом верхнем углу экрана значок . На странице Избранного сверху вы увидите поисковую строку, кнопки для просмотра и настройки. Ниже отобразятся ссылки, картинки, видео и другие карточки, которые вы добавили в Избранное.

Просмотреть список коллекций, перейти в коллекцию

Нажмите вверху слева значок . В списке выберите нужную коллекцию.

Настроить вид и сортировку карточек

Найти карточки по названию или теме

Создать новую коллекцию

Нажмите вверху справа значок и выберите пункт Новую коллекцию . Введите название и описание коллекции, нажмите Добавить . О том, как наполнить коллекцию, см. в разделе Добавить закладки, картинки и видео.

Просмотреть список коллекций, перейти в коллекцию

Нажмите вверху слева значок . В списке выберите нужную коллекцию.

Настроить вид и сортировку карточек

Найти карточки по названию или теме

Создать новую коллекцию

Нажмите вверху справа значок и выберите пункт Новую коллекцию . Введите название и описание коллекции, нажмите Добавить . О том, как наполнить коллекцию, см. в разделе Добавить закладки, картинки и видео.

Совет. Добавленные в коллекции картинки, видео и закладки вы можете просмотреть в любом браузере. Для этого откройте сайт Яндекса, авторизуйтесь, а затем нажмите в правом верхнем углу страницы значок . Если вы откроете публичный доступ к своей коллекции, то увидите ее в другом браузере без авторизации. Эту коллекцию смогут просматривать и другие пользователи Яндекса.

Если вы не хотите видеть значок Избранного :

Добавить закладки, картинки и видео

Вы можете сохранять закладки двумя способами:

В Менеджере закладок . В этом случае вы сможете их просматривать только в Браузере на синхронизированных устройствах.

Чтобы добавить закладку в Избранное:

Чтобы сохранить закладку в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Чтобы сохранить изображение в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить изображение в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Вы можете скрыть значок на картинках. Для этого справа от В Избранное нажмите и выберите нужный вариант:

Настроить Избранное — чтобы скрыть значок на всех картинках, в появившемся окне настроек отключите опцию Показывать кнопку «В Избранное» на картинках .

Примечание. Если значок был скрыт на некоторых сайтах, вы можете снова включить его отображение. Откройте → Настройки → Инструменты и в блоке Избранное нажмите Очистить список исключений .

Чтобы сохранить видео в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить видео в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Вы можете скрыть значок на видео. Для этого:

Вы можете открыть свою коллекцию для просмотра или собирать общие коллекции с другими пользователями.

Укажите, кому вы хотите открыть доступ:

Редактировать карточку

Перенести в другую коллекцию . Нажмите → Перенести . Выберите коллекцию, куда хотите добавить карточку, или создайте новую.

Изменить описание . Нажмите → Редактировать . Отредактируйте описание карточки и нажмите кнопку Сохранить изменения .

Не добавляются сайты в коллекции

Войдите с вашим Яндекс ID либо нажмите на боковой панели на фото профиля и в появившемся окне нажмите на фото еще раз.

В правом верхнем углу нажмите фото профиля, затем Выйти .

Войдите с Яндекс ID заново.

Избранное — это тематические коллекции изображений и видео, которые хранятся на сервисе Яндекс Избранное. В коллекции можно добавлять и закладки, чтобы иметь к ним доступ из других браузеров.

Чтобы работать со своими коллекциями, войдите в Яндекс Браузер с Яндекс ID на всех синхронизированных устройствах.

Просмотреть коллекцию


Чтобы открыть коллекции в Браузере, нажмите в правом верхнем углу экрана значок . На странице Избранного сверху вы увидите поисковую строку, кнопки для просмотра и настройки. Ниже отобразятся ссылки, картинки, видео и другие карточки, которые вы добавили в Избранное.

Просмотреть список коллекций, перейти в коллекцию


Нажмите вверху слева значок . В списке выберите нужную коллекцию.

Настроить вид и сортировку карточек

Найти карточки по названию или теме

Создать новую коллекцию


Нажмите вверху справа значок и выберите пункт Новую коллекцию . Введите название и описание коллекции, нажмите Добавить . О том, как наполнить коллекцию, см. в разделе Добавить закладки, картинки и видео.

Просмотреть список коллекций, перейти в коллекцию


Нажмите вверху слева значок . В списке выберите нужную коллекцию.

Настроить вид и сортировку карточек

Найти карточки по названию или теме

Создать новую коллекцию


Нажмите вверху справа значок и выберите пункт Новую коллекцию . Введите название и описание коллекции, нажмите Добавить . О том, как наполнить коллекцию, см. в разделе Добавить закладки, картинки и видео.


Совет. Добавленные в коллекции картинки, видео и закладки вы можете просмотреть в любом браузере. Для этого откройте сайт Яндекса, авторизуйтесь, а затем нажмите в правом верхнем углу страницы значок . Если вы откроете публичный доступ к своей коллекции, то увидите ее в другом браузере без авторизации. Эту коллекцию смогут просматривать и другие пользователи Яндекса.


Если вы не хотите видеть значок Избранного :


Нажмите → Настройки → Инструменты .

Добавить закладки, картинки и видео

Вы можете сохранять закладки двумя способами:

В Менеджере закладок . В этом случае вы сможете их просматривать только в Браузере на синхронизированных устройствах.

Чтобы добавить закладку в Избранное:


В Умной строке нажмите значок . На экране появится всплывающее окно.


Если вы хотите изменить название закладки, нажмите в заголовке окна значок .

Чтобы сохранить закладку в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .


Нажмите В Избранное .

Чтобы сохранить изображение в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить изображение в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Вы можете скрыть значок на картинках. Для этого справа от В Избранное нажмите и выберите нужный вариант:

Настроить Избранное — чтобы скрыть значок на всех картинках, в появившемся окне настроек отключите опцию Показывать кнопку «В Избранное» на картинках .


Примечание. Если значок был скрыт на некоторых сайтах, вы можете снова включить его отображение. Откройте → Настройки → Инструменты и в блоке Избранное нажмите Очистить список исключений .


Наведите указатель мыши на верхнюю часть видеоплеера и нажмите значок Сохранить в Избранное .

Чтобы сохранить видео в другую коллекцию или папку, в блоке В Избранное нажмите название коллекции или папки, а затем — Готово .

Чтобы сохранить видео в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .


Вы можете скрыть значок на видео. Для этого:


Нажмите → Настройки → Инструменты .

Примечание. Если в вашем Яндекс Браузере работает несколько пользователей, создайте личный профиль для каждого из них. Тогда закладки других пользователей не появятся в списке ваших.

Создание закладки

  • С помощью значка
  • Через меню закладок
  • C помощью горячих клавиш

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Нажмите клавиши Ctrl + D (в Windows и Linux ) или ⌘ + D (в macOS) . На экране появится всплывающая панель.

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Просмотр закладок

Чтобы быстро найти нужную закладку, нажмите значок на боковой панели и введите название закладки в поиск.

Примечание. Если значок не нужен, нажмите правой кнопкой мыши на боковую панель и снимите отметку с опции Закладки .

Чтобы открыть все закладки:

Если вы синхронизировали Браузер на разных устройствах, в левом меню появятся папки с названием устройства (например, Смартфон или Планшет ). Подробнее см. раздел Синхронизация закладок.

Если вы импортировали закладки из другого браузера, то перенесенные папки также появятся в левом меню. При этом названия папок останутся прежними. Подробнее см. раздел Импорт закладок.

Совет. Чтобы отсортировать закладки по алфавиту, в правом верхнем углу страницы нажмите → Упорядочить по заголовкам .

Панель закладок

Закладки и папки с закладками отображаются на панели закладок под Умной строкой.

Включить или отключить панель закладок можно несколькими способами:

  • Через меню закладок
  • В Настройках
  • С помощью горячих клавиш

Нажмите → Закладки → Показывать панель закладок .

В блоке Панель закладок включите опцию Показывать панель закладок . Если вы хотите видеть панель закладок только при открытии новой вкладки, выберите из списка значение в новой вкладке .

Нажмите клавиши Ctrl + Shift + B (в Windows и Linux ) или ⌘ + Shift + B (в macOS)

Фавиконка сайта на панели закладок

По умолчанию на панели закладок отображаются только названия сайтов. К ним можно добавить фавиконки:

Чтобы сэкономить место, оставьте на панели закладок только фавиконки без названий сайтов:

Действия с закладками

Измените название закладки. Если вы хотите, чтобы вместо названия сайта на панели закладок отображалась его фавиконка, очистите поле с именем закладки.

Совет. Чтобы переименовать папку, нажмите на ней правой кнопкой мыши и выберите пункт Переименовать . Отредактируйте название папки.

Импорт закладок

Загруженные закладки будут размещены:

Вы можете переименовать, перенести или удалить папку с закладками. Подробнее см. раздел Действия с закладками.

Экспорт закладок в файл

Синхронизация закладок

После синхронизации в Браузере отображаются закладки со всех синхронизированных устройств (компьютера, планшета, смартфона).

Особенности синхронизации закладок:

Если вы добавили или удалили закладки на одном устройстве, эти изменения отобразятся на других устройствах, находящихся в сети.

Если вы создали на разных устройствах закладки для одной и той же страницы, то сохраняется та закладка, которая раньше других была синхронизирована с сервером.

Закладки с устройств одного типа объединяются в общий список. Например, если синхронизация включена на двух компьютерах и смартфоне, то в закладках на смартфоне вы увидите папку Компьютер , и в ней будут объединены закладки с двух компьютеров.

Чтобы посмотреть закладки на другом устройстве:

Чтобы отключить синхронизацию закладок:

После этого закладки с других устройств не будут отображаться в Диспетчере закладок.

Если закладки не синхронизируются, проверьте, включена ли опция Закладки в настройках синхронизации.

Восстановление закладок

Если вы удалили закладки на странице browser://bookmarks/ , в правом верхнем углу нажмите → Отмена удаления .

Важно. Восстановить закладки таким способом не получится, если вы перезагрузили страницу browser://bookmarks/ или сразу после удаления закладок перешли на другую страницу.

Если вы храните в файле HTML резервную копию закладок, импортируйте закладки из файла.

Горячие клавиши для работы с закладками

— это сохраненные ссылки на нужные страницы.

Примечание. Если в вашем Яндекс Браузере работает несколько пользователей, создайте личный профиль для каждого из них. Тогда закладки других пользователей не появятся в списке ваших.

Создание закладки

  • С помощью значка
  • Через меню закладок
  • C помощью горячих клавиш


В правой части Умной строки нажмите значок . На экране появится всплывающая панель.


Если нужно, отредактируйте название закладки. Для этого справа от названия нажмите значок .

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .


Нажмите → Закладки → Создать закладку . На экране появится всплывающая панель.


Если нужно, отредактируйте название закладки. Для этого справа от названия нажмите значок .

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Нажмите клавиши Ctrl + D (в Windows и Linux ) или ⌘ + D (в macOS) . На экране появится всплывающая панель.


Если нужно, отредактируйте название закладки. Для этого справа от названия нажмите значок .

Чтобы сохранить закладку в другую коллекцию или папку, нажмите ее название в блоке В Избранное . Нажмите Готово .

Чтобы сохранить закладку в новую коллекцию, в блоке В Избранное нажмите В новую коллекцию . Введите название новой коллекции и нажмите Готово .

Просмотр закладок


Чтобы быстро найти нужную закладку, нажмите значок на боковой панели и введите название закладки в поиск.

Примечание. Если значок не нужен, нажмите правой кнопкой мыши на боковую панель и снимите отметку с опции Закладки .

Чтобы открыть все закладки:


Нажмите → Закладки → Диспетчер закладок .


Если вы синхронизировали Браузер на разных устройствах, в левом меню появятся папки с названием устройства (например, Смартфон или Планшет ). Подробнее см. раздел Синхронизация закладок.

Если вы импортировали закладки из другого браузера, то перенесенные папки также появятся в левом меню. При этом названия папок останутся прежними. Подробнее см. раздел Импорт закладок.


Совет. Чтобы отсортировать закладки по алфавиту, в правом верхнем углу страницы нажмите → Упорядочить по заголовкам .

Панель закладок

Закладки и папки с закладками отображаются на панели закладок под Умной строкой.


Включить или отключить панель закладок можно несколькими способами:

  • Через меню закладок
  • В Настройках
  • С помощью горячих клавиш


Нажмите → Закладки → Показывать панель закладок .


Нажмите → Настройки → Интерфейс .

В блоке Панель закладок включите опцию Показывать панель закладок . Если вы хотите видеть панель закладок только при открытии новой вкладки, выберите из списка значение в новой вкладке .

Нажмите клавиши Ctrl + Shift + B (в Windows и Linux ) или ⌘ + Shift + B (в macOS)

Читайте также: