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

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

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

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

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

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

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

Добавление сайта в избранное - "Нубекс" function addSite() { if (document.all) window.external.addFavorite("http://сайт", "Конструктор сайтов "Нубекс""); }

Не забудьте добавить наш сайт в закладки! (Для браузера Google Chrome нажмите Ctrl+D)

Добавить сайт в избранное

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

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

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

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

Добавить в Избранное главную страницу сайта

Давайте сначала рассмотрим чем отличается ссылка "Добавить в Избранное" для Internet Explorer от ее аналога в других браузерах, а потом обьединим их в одну. В IE используется функция window.external.AddFavorite(), которая принимает два значения: адрес страницы для добавления в закладки и ее название:

Добавить сайт в Избранное

Думаю обьяснять здесь ничего не нужно. А вот следующий пример мы рассмотрим подробнее. Код для добавления в Избранное для Opera, Firefox и Netscape выглядит следующим образом:

Добавить сайт в Избранное

Как видите это обычная ссылка с наличием дополнительного параметра rel="sidebar" который как раз и указывает браузеру на необходимость добавить сайт в закладки при клике на ссылке. Кроме этого в параметре title="" нужно указать с каким именем добавлять сайт в закладки. А вот адрес страницы, которая добавляется, прописывается в href="". Обычно указывается главная страница сайта и его название.

Окошко, которое появляется при нажатии на ссылку

Теперь нам нужно сделать так, чтобы ссылка "Добавить в избранное" работала одинаково хорошо во всех браузерах. Так как код для IE работает только в нем, а параметр rel="sidebar" поддерживают только Opera, Firefox и Netscape, то ничто не мешает нам просто обьединить оба варианта в одну ссылку:

Добавить сайт в Избранное

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

Добавить в Избранное текущую страницу

Итак, давайте снова начнем с Internet Explorer:

Как видите в коде ничего не изменилось, кроме входящих параметров функции window.external.AddFavorite(). В JavaScript-параметре document.title содержится название страницы, которое берется браузером из указанного нами заголовка документа, расположенного между тэгами Название страницы. Адрес текущей страницы браузер получает из адресной строки и присваивает его параметру location.href. Таким образом нет необходимости изменять вручную на каждой странице нужные нам параметры.

Новая закладка в Interet Explorer

С браузерами Opera, Firefox и Netscape все немного сложнее. Нам придется написать небольшую JavaScript-функцию, которая будет работать примерно также как и уже известная нам функция в Internet Explorer. Мы поместим ее внутри ссылки, так что она будет занимать всего лишь одну строку, но для более легкого восприятия я ее немного отформатировал:

Добавить текущую страницу в Избранное

В самом начале мы присвоили переменным url и title значения JavaScript-параметров window.document.location (адрес страницы) и window.document.title (название страницы). Далее мы создаем функцию bookmark(). С ее помощью мы из нескольких переменных, значением которых является адрес и название страницы, генерируем ссылку. Не забываем также о параметре rel="sidebar", который так же будет сгенерирован с помощью bookmark().

Теперь нам осталось обьединить код для Internet Explorer и других браузеров, чтобы получить одну кросбраузерную ссылку:

Добавить текущую страницу в Избранное

У нас уже имеется функция, совместимая с основными браузерами. Теперь нам нужно как то совместить ее с пользователями.

Ломаем стереотипы

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

Так выглядит конечный результат

Копирование статьи запрещено.

Здравствуйте. Сегодня социальные сети играют не последнюю роль в нашей повседневной жизни. 9 из 10 наверняка знают про них и используют почти каждый день. Кто-то общается в Одноклассники, молодые люди предпочитают в основном сеть Вконтакте. Не стоит забывать конечно про Мой мир от компании Mail.ru, Facebook, Twitter, Google+. Одним словом, каждый найдет свою социальную сеть. Большинство имеют аккаунты во всех социальных сетях и общаются со своими друзьями, родственниками и т.д.

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

Чтобы облегчить общение с вашими друзьями из разных соцсетей мы сегодня рассмотрим программу Агент Mail.ru (далее Агент). Эта программа от сервиса Mail.ru, которая позволяет собрать всех ваших контактов из разных сетей в одном месте. Кроме того, с помощью ее вы сможете обмениваться голосовыми звонками, устанавливать видеозвонки, отправлять бесплатные смс-сообщения, получать уведомления о новых письмах, передавать файлы размером до 4Gb.

Веб агент

Для использования Агента вам необходимо иметь учетную запись от сервиса Mail.ru. После того, как мы попадаем в свой почтовый ящик, мы уже сможем воспользоваться Агентом. Еще его называют веб-агент, с ограниченным функционалом. Он располагается в правом нижнем углу.

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

Для этого кликаем по кнопочке Пригласить друзей и тут есть два способа: по email адресу или можно также указать номер ICQ «аськи» и нажать «Найти». Или осуществить поиск по анкетным данным: указать город, возраст и т.д. После этого нажимаем кнопку «Найти». Более подробней об этом поговорим чуть ниже.

Но это веб-агент. Он доступен только в окне браузера. Для удобства использования, нужно установить mail ru Агент, который будет доступен в любое время на вашем компьютере. Скачать Mail.ru Агент можно как для ПК, так и для мобильных устройств. Переходим по ссылке agent.mail.ru

Установка Агент Mail.ru

В нашем примере мы будем устанавливать на свой компьютер, поэтому выбираем нужный пункт и кликаем «Подробнее»

Для загрузки Агента кликаем по кнопочке «Загрузить Агент». После того, как программа загрузится, приступаем к ее установке. Дважды щелкаем по инсталлятору и пойдет процесс установки. Больше от вас не потребуется никаких действий. Установка пройдет в полном автоматическом режиме.

После завершения установки программы, откроется такое окно, где вас попросят ввести свой email адрес и пароль от сервиса Mail.ru

Для того, чтобы пароль не вводит каждый раз при входе в Агент, можно установить галочку «Запомнить». Вы забыли пароль от ящика? Не беда. Нажмите на соответствующую ссылочку и пройдите процесс восстановления пароля. Более подробно об этом читайте в . Если же у вас еще нет почтового ящика от mail.ru, то зарегистрировать можно также прямо здесь, нажав на одноименную ссылку (подробней ).

После ввода адреса и верного пароля, жмем «Войти». Перед нами откроется окно программы Агент.

Настройки Агента Mail.ru

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

Откроется окно со всевозможными вкладками настроек. Рассмотрим наиболее важные.

Уведомления

Да этой вкладке вы можете настроить различные уведомления. Например, уведомлять за сколько дней до дня рождения контакта, из выпадающего списка можно установить до 7 дней. Всплывающие уведомления - это такие уведомления, которые будут показываться в нижнем правом углу экрана несколько секунд. Например, если отмечена галочкой пункт «О новой почте», то при получении на ваш ящик нового письма вам будет показываться всплывающее сообщение о том, что поступило новое письмо. Можно также настроить уведомление, когда ваш контакт выходить в сеть (самый первый пункт). Тут каждый может настроить уведомления на то, что ему нужно.

Блок «Звуки». Здесь можно на каждое действие программы установить звуковое оповещение. Просто выбираете нужное вам действие и ниже выставляете сам звук. По умолчанию используется стандартные звуки и изменить их нельзя. Для того, чтобы можно было добавлять свои звуковые файлы, в разделе «Звуковая схема» выставите «Пользовательская настройка». После этого нажимаем на кнопочку с тремя точками и выбираем свой звуковой файл. С помощью кнопки в виде треугольника можно проиграть звуковой файл. После всех изменений на каждой вкладке не забываем сохранить изменения, нажав на «Применить».

На этой вкладке вы указываете через сколько минут вашего отсутствия за компьютером, ваш статус переходит в состояние «Отошел». Можно отключить автозагрузку программу при включении компьютера. Включить/Отключить звуки. И последнее, указать папку для загрузки файлов, которые вы будете принимать от других пользователей. Для изменения папки, нажмите на кнопку с тремя точками и выберите нужную папку.

С помощью Агента можно совершать звуковые звонки и видеозвонки. Для этого нужен как минимум микрофон и web-камера. На этой вкладке мы проводим настройку данных устройств. Обратите внимание, что изначально Устройство воспроизведения и записи звука установлены по умолчанию. Если возникнут проблемы с записью и воспроизведением звука, вернитесь сюда и установите свои устройства. Web-камера определяется автоматически.

Сообщения

В Агенте беседа, как правило, проходит путем отправки сообщений друг другу. Настроить клавиши отправки сообщений можно в этой вкладке настроек. Помимо этого, можно чтобы при отправке вам фото или видеофайла в окне беседы был предварительный просмотр этих файлов. Все ваши сообщения хранятся в архиве. Если вам не нужно это, то отключите, как в нашем примере. В разговоре с друзьями можно также отправлять мульты. Что это такое? Смотрите ниже. Их можно проигрывать при отправке и получении их или же отключить проигрывание.

Список контактов.

Здесь проводится настройка списка контактов. В частности, много настроек по режиму отображения: разделять ли по группам (друзья, общие, знакомые и т.д.), довольно полезная настройка «Показывать только онлайн-контакты». Со временем у вас будет большой список контактов, кто-то будет в сети, кого-то не будет. Эта настройка покажет только тех контактов, которые есть в сети, а остальных просто скроет.

И последнее. Расположение списка контактов: справа (по умолчанию), либо с левой стороны от окна диалога.

Учетные записи

Особенностью Агента является то, что он дает возможность подключить дополнительные учетные записи других социальных сетей, таких как Одноклассники, ВКонтакте, ICQ (по-простому аська), Jabber, Яндекс, а также другую вашу учетную запись от Mail.ru

Для добавления дополнительной учетной записи, выбираем нужную социальную сеть, например, ВКонтакте, указываем логин и пароль от этой сети и все ваши контакты, которые есть в ВКонтакте, переходят в Агент. И вы сможете свободно с ними общаться, не заходя на сайт через браузер. Точно также подключаем и Одноклассники. Теперь контакты трех социальных сетей (Mail.ru, Одноклассники и ВКонтакте) собраны в одном месте - в Агенте. И вы свободно с всеми ими можете вести беседу.

Погода

Настройки отображения погоды. Показ погодных условий можно отключить, если вам это не нужно. Просто убираем галочку «Показывать информер погоды». По умолчанию ваш город определится автоматически. Если по каким-то причинам Агент определил ваш город ошибочно, то выберите пункт «Другой» и из списка справа выделите свой город. Для удобства поиска вашего города напишите его название в верхнее поле, и он отобразится в списке.

Язык.

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

Мы рассмотрели большинство настроек в Агенте.

Поскольку информации еще много, а статья получается слишком большой, предлагаю сегодня на этом остановиться. В следующий раз мы перейдем непосредственно к работе с Агентом, научимся добавлять контакты, учетные записи, отправлять файлы, как провести голосовой звонок, видеозвонок, отправлять смс-сообщение и многое другое.

Ничто никогда не уйдет, пока оно не научит тому, что нам нужно знать.