|
|
|
|
Как добавить на сайт социальные кнопки? Автор: Андрей Краснокутский Дата: 2014-09-13 Зачем нужны кнопки социальных сетей на сайте?Продолжаю рассказывать о сервисах Интернета, полезных для создания сайта. Сегодня мы поговорим о том, как добавить на сайт кнопки социальных сетей. Посещая различные сайты в Интернете, Вы конечно же видели, что на многих сайтах, присутствуют кнопки социальных сетей, с помощью которых посетители могут быстро (кликнув по нужной кнопке) добавить ссылку и краткий анонс данной статьи (урока) в различных социальных сетях. Сегодня очень трудно переоценить вклад и значение социальных сетей в посещаемость и раскрутку любого сайта (блога). Миллионы людей во всех странах мира, ежедневно посещают различные социальные сети. Кто-то общается с одноклассниками и друзьями, другие посещают тематические социальные сети по интересам и различным группам. Люди общаются, слушают музыку, смотрят фильмы и видео ролики, просматривают ленты новостей своих друзей, знакомых и незнакомых людей. Увидев у кого-то в ленте новостей интересный анонс или публикацию, человек «кликает» по этой ссылке и попадает на ваш сайт (блог). В свою очередь, если ему понравился ваш материал, он так же может кликнуть по такой кнопке и добавляет подобный анонс, но уже в свою ленту и свою социальную сеть. Таким образом, ссылки на интересные материалы очень быстро распространяются по Интернету. Где взять кнопки социальных сетей для сайта?
Организовано и работает здесь все очень просто и интуитивно понятно. Не требуется никакая регистрация. Сгенерировать код для установки на свой сайт можно абсолютно бесплатно. Итак, смотрим как это сделать...
В правой части сервиса, находятся еще две панели: Выбранные сети и Доступны к выбору. Точнее панель: Выбранные сети получается как бы посредине, а панель: Доступны к выбору, находится справа. Перетаскивая нужные Вам название социальных сетей (которые Вы хотите видеть в итоге), формируете нужный Вам набор кнопок.
Просто кликаете левой кнопкой мыши на названии нужной соц.сети и не отпуская кнопку мыши тянете в панель: Выбранные сети, или наоборот, убираете не нужное из этой панели. Опять же в окне: Предпросмотр, сразу визуально видно какие кнопки у Вас будут в итоге.
Как видите все очень просто и наглядно. В окне: Код для копирования сразу же формируется нужный исходный код. Есть две интересные функции, которых я не встречал ранее в других подобных конструкторах кнопок, это: Печать и Отправить на email. Чем интересны данные функции? Когда уже готовый код кнопок будет установлен на реальной web-странице, посетитель сайта, кликнет например на кнопку: Печать, формируется документ, в котором, содержится как бы фотография данной web-страницы, которую можно при наличии принтера сразу же можно распечатать. Вторая функция: Отправить на email. Кликнув на данную кнопку, на компьютере посетителя сайта, запускается почтовый клиент. В сформированное письмо, подставляется URL адрес данной web-страницы. Теперь остается отправить письмо со ссылкой нужному адресату. Установка на сайт кода кнопок социальных сетей.Сформировав нужный набор и внешний вид кнопок, кликаете на большую кнопку: КОПИРОВАТЬ и нужный исходный код попадает в буфер обмена вашего компьютера. Осталось вставить скопированный кусок кода в нужное место исходного код на web-странице вашего сайта. Если ваш сайт написан на языке гиперразметки HTML, то просто вставляете «как есть» в нужное место и все. Сохраняем и загружаем (обновляем) на сервер. ВНИМАНИЕ: Если же ваш сайт написан на PHP или же использует, какую-то CMS (систему управления контентом на PHP), рекомендую немного доработать данный код. Что нужно сделать? Откройте новый текстовый документ и поместите туда скопированный код. Внимательно просматривая код, замените все двойные кавычки ( " ), на одинарные кавычки ( ' ). Дело в том, что внутри PHP документа, уже имеется свой код, и помещая новый скопированный код с двойными кавычками Вы сделаете синтаксическую ошибку. В результате web-страница вообще перестанет отображаться. Кроме того, рекомендую использовать оператор echo и контейнер с тегами div , т.е. использовать вот такую конструкцию:
Лучше всего все эти операции проделать в текстовом файле, затем все скопировать и поместить в нужное место web-страницы с расширением .php . Дальше сохраняем и загружаем (обновляем) на сервер. Просматривая многие сайты, иногда вижу, что кнопки социальных сетей помещают и сверху (над статьей) и снизу (после статьи) и по бокам web-страницы. В какое место помещать данные кнопки – это уже решать Вам. Лично мне кажется логичным, что посетитель сначала должен прочитать материал, а уже затем если он ему понравится, то кликать по кнопкам и делиться информацией в социальных сетях. Поэтому я поставил кнопки от после опубликованного материала. Всего Вам доброго.
Читайте также: Что такое QR-код? Для чего нужен QR-код? Как обналичить деньги заработанные в Google AdSense? Специальная оценка условий труда (СОУТ). Платежная система Яндекс.Деньги. Платежная система Рапида. Rapida Online.
Просмотров: 8124 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Сергей Кр. Мудро и своевременно. Я Вам друг, Спасибо Андрей! Комментарии добавил(а): Сергей К. Нехорошо, Андрей, говорить неправду Добавить Ваш комментарий: |
Новости сайта Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
В Интернете существует множество сервисов, где можно быстро сгенерировать код кнопок социальных сетей для установки на свой сайт. Сегодня я расскажу Вам об одном из таких сервисов. Это конструктор кнопок социальных сетей .
В левой панели, путем установки: Радиокнопки (переключателя), выбираете цветовой стиль будущих кнопок. Кстати, ниже в окне: Предпросмотр, сразу будут отображаться все вносимые изменения, очень удобно и визуально видно, что именно изменяется.
Опускаясь ниже, в панели: Настройки, выбираем нужные Вам настройки внешнего вида кнопок: размер, круглые или квадратные, вертикально или горизонтально, со счетчиком или без счетчика, с фоном (можно задать любой цвет) или без фона. 
|
Разрешается полное или частичное копирование материалов сайта с обязательным |