Продолжаю рассказывать о сервисах Интернета, полезных для создания сайта. Сегодня мы поговорим о том, как добавить на сайт кнопки социальных сетей. Посещая различные сайты в Интернете, Вы конечно же видели, что на многих сайтах, присутствуют кнопки социальных сетей, с помощью которых посетители могут быстро (кликнув по нужной кнопке) добавить ссылку и краткий анонс данной статьи (урока) в различных социальных сетях.
Сегодня очень трудно переоценить вклад и значение социальных сетей в посещаемость и раскрутку любого сайта (блога). Миллионы людей во всех странах мира, ежедневно посещают различные социальные сети. Кто-то общается с одноклассниками и друзьями, другие посещают тематические социальные сети по интересам и различным группам. Люди общаются, слушают музыку, смотрят фильмы и видео ролики, просматривают ленты новостей своих друзей, знакомых и незнакомых людей.
Увидев у кого-то в ленте новостей интересный анонс или публикацию, человек «кликает» по этой ссылке и попадает на ваш сайт (блог). В свою очередь, если ему понравился ваш материал, он так же может кликнуть по такой кнопке и добавляет подобный анонс, но уже в свою ленту и свою социальную сеть. Таким образом, ссылки на интересные материалы очень быстро распространяются по Интернету.
Где взять кнопки социальных сетей для сайта?
В Интернете существует множество сервисов, где можно быстро сгенерировать код кнопок социальных сетей для установки на свой сайт. Сегодня я расскажу Вам об одном из таких сервисов. Это конструктор кнопок социальных сетей PLUSO.
Организовано и работает здесь все очень просто и интуитивно понятно. Не требуется никакая регистрация. Сгенерировать код для установки на свой сайт можно абсолютно бесплатно. Итак, смотрим как это сделать...
В левой панели, путем установки: Радиокнопки (переключателя), выбираете цветовой стиль будущих кнопок. Кстати, ниже в окне: Предпросмотр, сразу будут отображаться все вносимые изменения, очень удобно и визуально видно, что именно изменяется.
В правой части сервиса, находятся еще две панели: Выбранные сети и Доступны к выбору. Точнее панель: Выбранные сети получается как бы посредине, а панель: Доступны к выбору, находится справа. Перетаскивая нужные Вам название социальных сетей (которые Вы хотите видеть в итоге), формируете нужный Вам набор кнопок.
Просто кликаете левой кнопкой мыши на названии нужной соц.сети и не отпуская кнопку мыши тянете в панель: Выбранные сети, или наоборот, убираете не нужное из этой панели. Опять же в окне: Предпросмотр, сразу визуально видно какие кнопки у Вас будут в итоге.
Опускаясь ниже, в панели: Настройки, выбираем нужные Вам настройки внешнего вида кнопок: размер, круглые или квадратные, вертикально или горизонтально, со счетчиком или без счетчика, с фоном (можно задать любой цвет) или без фона.
Как видите все очень просто и наглядно. В окне: Код для копирования сразу же формируется нужный исходный код. Есть две интересные функции, которых я не встречал ранее в других подобных конструкторах кнопок, это: Печать и Отправить на email.
Чем интересны данные функции? Когда уже готовый код кнопок будет установлен на реальной web-странице, посетитель сайта, кликнет например на кнопку: Печать, формируется документ, в котором, содержится как бы фотография данной web-страницы, которую можно при наличии принтера сразу же можно распечатать.
Вторая функция: Отправить на email. Кликнув на данную кнопку, на компьютере посетителя сайта, запускается почтовый клиент. В сформированное письмо, подставляется URL адрес данной web-страницы. Теперь остается отправить письмо со ссылкой нужному адресату.
Установка на сайт кода кнопок социальных сетей.
Сформировав нужный набор и внешний вид кнопок, кликаете на большую кнопку: КОПИРОВАТЬ и нужный исходный код попадает в буфер обмена вашего компьютера. Осталось вставить скопированный кусок кода в нужное место исходного код на web-странице вашего сайта.
Если ваш сайт написан на языке гиперразметки HTML, то просто вставляете «как есть» в нужное место и все. Сохраняем и загружаем (обновляем) на сервер.
ВНИМАНИЕ:Если же ваш сайт написан на PHP или же использует, какую-то CMS (систему управления контентом на PHP), рекомендую немного доработать данный код.
Что нужно сделать? Откройте новый текстовый документ и поместите туда скопированный код. Внимательно просматривая код, замените все двойные кавычки ( " ), на одинарные кавычки ( ' ).
Дело в том, что внутри PHP документа, уже имеется свой код, и помещая новый скопированный код с двойными кавычками Вы сделаете синтаксическую ошибку. В результате web-страница вообще перестанет отображаться.
Кроме того, рекомендую использовать оператор echo и контейнер с тегами div , т.е. использовать вот такую конструкцию:
echo "<div>
скопированный код с исправленными кавычками (см. выше)
</div>";
Лучше всего все эти операции проделать в текстовом файле, затем все скопировать и поместить в нужное место web-страницы с расширением .php . Дальше сохраняем и загружаем (обновляем) на сервер.
Просматривая многие сайты, иногда вижу, что кнопки социальных сетей помещают и сверху (над статьей) и снизу (после статьи) и по бокам web-страницы. В какое место помещать данные кнопки – это уже решать Вам.
Лично мне кажется логичным, что посетитель сначала должен прочитать материал, а уже затем если он ему понравится, то кликать по кнопкам и делиться информацией в социальных сетях. Поэтому я поставил кнопки от PLUSO после опубликованного материала.