Кнопка добавить в закладки браузера
Кроссбраузерное добавление страницы в закладки реализуется с использованием 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)
Читайте также: