В этой теме будет информация которая, на мой взгляд, может быть полезной при создании или редактировании своего проекта.
Сейчас мы рассмотрим правила установки валидных(правильных) ссылок на скайп чат и ICQ в своем проекте, а также социальных сетей, предназначенных в основном для живого общения с представителем проекта.
Ссылки на Skype
Простейшая ссылка на Skype имеет вид: <a href="skype:SkypeUser">SkypeUser</a>
Где SkypeUser — нужный ник в Skype. По умолчанию, клик на такой ссылке приведёт к звонку пользователю SkypeUser.
Но есть ещё несколько несколько режимов вызова, которые можно включать, передавая параметры в ссылке:
Звонок пользователю Skype-to-Skype или на телефон
Так же, как и в первом примере, звонок пользователю SkypeUser. Второй вариант — звонок из Skype на обычный телефон (вместо +12345588 следует поменять на нужный номер).
Соответственно, чат с одним и тремя пользователями одновременно.
Голосовая почта
<a href="skype:SkypeUser?voicemail">SkypeUser</a>
Можно оставить голосовое сообщение оффлайн-пользователю.
Передача файлов по Skype
<a href="skype:SkypeUser?sendfile">SkypeUser</a>
<a href="skype:SkypeUser1;SkypeUser2;SkypeUser3;?sendfile">SkypeUsers
Отправить файл одному или сразу нескольким пользователям (в примере трём). По клику откроется диалоговое окно, в котором можно выбрать файл для загрузки. Отправлять файл могут только авторизованные у получателя пользователи.
Посмотреть профиль пользователя
<a href="skype:SkypeUser?userinfo">SkypeUser</a>
Ну, тут, вроде бы, всё понятно.
Возможные проблемы
Стоит отметить, что все эти ссылки будут работать, если Skype уже установлен на компьютере пользователя, иначе браузер выдаст предупреждение:
Код ошибки на W3C
Чтобы избежать таких ошибок, разработчики предлагают решение в виде JavaScript-сценария (3 KB), который перехватывает ошибку и выводит на сайте всплывающее окно с предложением скачать Skype. Его нужно вставить на странице между тегами <head>…</head>.
Найти различные варианты стандартных кнопок, с подтверждением онлайн/оффлайн статуса, или создать свой вариант, вы можете на сайте skype.com.
Разбираемся с ICQ
С ICQ всё не так просто, из-за того что клиентами могут быть не только ICQ, но и Qip, Miranda, Trillian и другие. Поэтому стандартная ссылка вызова ICQ может не сработать, из-за того, что невозможно заранее предугадать, какой ICQ-клиент установлен на компьютере пользователя.
Стандартный вызов ICQ с сайта. Вместо UserNumber нужно вставить нужный номер.
Я пользуюсь Qip 2005 (Buid 8070), и эта ссылка вызывала закачку исполняемого php-файла с сервера, а не вызов клиента. Так что вызывать программу непосредственно с сайта не получилось
Из этой ситуации можно найти два выхода:
Вызывать по ссылке один из веб-клиентов ICQ (например icq2go.)
Вывести статус-значок ICQ на сайте и позволить пользователю скопировать номер, расположенный рядом с иконкой, в свой ICQ-клиент, установленный на компьютере.
Первый вариант показался мне некрасивым из-за дополнительной нагрузки на нервы пользователя и его принудительного редиректа на новый интерфейс, поэтому я не стал особо заострять на нём внимания. А вот для второго статус-значок ICQ можно вывести на сайте так:
<a href="#"
onclick="this.href='http://twitter.com/timeline/home?status='+document.title+'%20'+window.location.href+window.location.hash">
Добавить в Twitter</a>
Обратите внимание, что длина сообщения не должна превышать 140 символов.
“Твит” с ссылкой на страницу и дополнительным текстом.
<a href="#"
onclick="this.href='http://twitter.com/share?text='+document.title+'&url='+window.location.href+window.location.hash+'&via=+ссылка на Twitter-аккаунт, например официальный канал сайта">
Twitter-нуть</a>
<a href="#"
onclick="this.href='https://vk.com/share.php?url='+window.location.href+window.location.hash+'&title='+document.title">
Добавить в ВКонтакт</a>
Если на странице присутствуют соответствующие теги, то информация берется из них:
Заголовок: <meta name="title" content="...">, если его нет то из тега <title>.
Описание: <meta name="description" content="...">.
Картинка: <link rel="image_src" href="...">, если его нет, то первые 8 тегов <img src="..."> на странице не превышающие 100x100.
+1 к URL https://apis.google.com/_/+1/fastbutton?url=url &usegapi — Принимает значения true/false. Используется для включения/выключения показа дополнительного окна “расшарить” &size — Принимает значения: small, medium, standard (по умолчанию), tall &hl — Язык, список доступных языков С полным списком принимаемых параметров можно ознакомится — тут https://developers.google.com/+/web/...tag_parameters
Здесь все иконки собраны в один файл и отображаются отдельные куски с помощью таблицы стилей. Такое решение гораздо быстрее отрабатывает, т.к. не застравляет браузер обращаться на сервер для подгрузки каждого отдельного изображения.
Яндекс предлагает готовый скрипт для блока "Поделиться". Но незабывайте, что используя скрипты от яндекса, Вы также делитесь с ним всем своим внутренним "хозяйством".
Последний раз редактировалось Alivan; 02.11.2015 в 05:43.
Заказывал у админа хайп проект, все было сделано на очень высоком уровне и в срок, хотя если честно я не очень торопился с выполнением заказа, для меня было очень важно качество выполнения.
Кроме того я узнал, что админ делал очень известные в рунете проекты, которые до сих пор помнят.
Социальные закладки