Добавить в избранное добавить заметку

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

На этой диаграмме мы видим, что трафик с закладок занимает второе место среди источников.

Кросс-браузерная кнопка «Добавить сайт в закладки» на jQuery.

Скрипт на jQuery для кнопки «Добавить сайт в закладки» работает на всех браузерах. Чтобы подключить его к себе на сайт, нужно создать файл с расширением js. Назовем его bookmark.js и скопируем в него содержимое скрипта.

Теперь этот файл загрузите в папку JS вашего сайта и вставьте данную строчку перед закрывающим тегом

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

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

Читайте также:  Как удалить засохший суперклей с одежды

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

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

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

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

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

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

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

Тема очень популярная. Сервисы с созданием он-лайн закладок пользуются популярностью, но давайте попробуем решить задачу. Не будем использовать сторонний сервис, а решим данную проблему на сайте. В итоге посетитель, нажав на ссылку, сможет добавить сайт в закладки (аналогично Ctrl+D и тп).

Как добавить сайт в закладки (избранное)? Используем JavaScript

Создаём файл с названием bookmark.js. В него вставляем указанный ниже код.

Код JavaScript (файл bookmark.js)

Ну и чтобы скрипт заработал, достаточно подключить файл bookmark.js и вставить ссылку с js, которая при клике вызывала бы работу скрипта.

Читайте также:  Выдвижная полка для крышек

Код HTML

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

Как добавить сайт в избранное? Второй вариант

Раньше функция работала только в Internet Explorer, а после правок в HTML 5 работает в Opera и Mozilla, но не во всех версиях IE и Chrome.

Перед закрывающим тегом head вставляем

Оставьте ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *