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

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Как добавить на сайт социальные кнопки?

Автор: Андрей Краснокутский

Дата: 2014-09-13

Зачем нужны кнопки социальных сетей на сайте?

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

Сегодня очень трудно переоценить вклад и значение социальных сетей в посещаемость и раскрутку любого сайта (блога). Миллионы людей во всех странах мира, ежедневно посещают различные социальные сети. Кто-то общается с одноклассниками и друзьями, другие посещают тематические социальные сети по интересам и различным группам. Люди общаются, слушают музыку, смотрят фильмы и видео ролики, просматривают ленты новостей своих друзей, знакомых и незнакомых людей.

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

Где взять кнопки социальных сетей для сайта?

Конструктор кнопок социальных сетей PLUSOВ Интернете существует множество сервисов, где можно быстро сгенерировать код кнопок социальных сетей для установки на свой сайт. Сегодня я расскажу Вам об одном из таких сервисов. Это конструктор кнопок социальных сетей PLUSO.

Организовано и работает здесь все очень просто и интуитивно понятно. Не требуется никакая регистрация. Сгенерировать код для установки на свой сайт можно абсолютно бесплатно. Итак, смотрим как это сделать...

В левой панели, путем установки: Радиокнопки (переключателя), выбираете цветовой стиль будущих кнопок.В левой панели, путем установки: Радиокнопки (переключателя), выбираете цветовой стиль будущих кнопок. Кстати, ниже в окне: Предпросмотр, сразу будут отображаться все вносимые изменения, очень удобно и визуально видно, что именно изменяется.

В правой части сервиса, находятся еще две панели: Выбранные сети и Доступны к выбору. Точнее панель: Выбранные сети получается как бы посредине, а панель: Доступны к выбору, находится справа. Перетаскивая нужные Вам название социальных сетей (которые Вы хотите видеть в итоге), формируете нужный Вам набор кнопок.

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

Просто кликаете левой кнопкой мыши на названии нужной соц.сети и не отпуская кнопку мыши тянете в панель: Выбранные сети, или наоборот, убираете не нужное из этой панели. Опять же в окне: Предпросмотр, сразу визуально видно какие кнопки у Вас будут в итоге.

В панели: Настройки, выбираем нужные Вам настройки внешнего вида кнопок: размер, круглые или квадратные, вертикально или горизонтально, со счетчиком или без счетчика.Опускаясь ниже, в панели: Настройки, выбираем нужные Вам настройки внешнего вида кнопок: размер, круглые или квадратные, вертикально или горизонтально, со счетчиком или без счетчика, с фоном (можно задать любой цвет) или без фона.

Как видите все очень просто и наглядно. В окне: Код для копирования сразу же формируется нужный исходный код. Есть две интересные функции, которых я не встречал ранее в других подобных конструкторах кнопок, это: Печать и Отправить на email.  

Чем интересны данные функции? Когда уже готовый код кнопок будет установлен на реальной web-странице, посетитель сайта, кликнет например на кнопку: Печать, формируется документ, в котором, содержится как бы фотография данной web-страницы, которую можно при наличии принтера сразу же можно распечатать.

Вторая функция: Отправить на email. Кликнув на данную кнопку, на компьютере посетителя сайта, запускается почтовый клиент. В сформированное письмо, подставляется URL адрес данной web-страницы. Теперь остается отправить письмо со ссылкой нужному адресату.

Установка на сайт кода кнопок социальных сетей.

Сформировав нужный набор и внешний вид кнопок, кликаете на большую кнопку: КОПИРОВАТЬ и нужный исходный код попадает в буфер обмена вашего компьютера. Осталось вставить скопированный кусок кода в нужное место исходного код на web-странице вашего сайта.

Если ваш сайт написан на языке гиперразметки HTML, то просто вставляете «как есть» в нужное место и все. Сохраняем и загружаем (обновляем) на сервер.

ВНИМАНИЕ: Если же ваш сайт написан на PHP или же использует, какую-то CMS (систему управления контентом на PHP), рекомендую немного доработать данный код.

Что нужно сделать? Откройте новый текстовый документ и поместите туда скопированный код. Внимательно просматривая код, замените все двойные кавычки ( " ), на одинарные кавычки ( ' ).

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

Кроме того, рекомендую использовать оператор echo и контейнер с тегами div , т.е. использовать вот такую конструкцию:

echo "<div>

скопированный код с исправленными кавычками (см. выше)

</div>";

Лучше всего все эти операции проделать в текстовом файле, затем все скопировать и поместить в нужное место web-страницы с расширением .php . Дальше сохраняем и загружаем (обновляем) на сервер.

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

Лично мне кажется логичным, что посетитель сначала должен прочитать материал, а уже затем если он ему понравится, то кликать по кнопкам и делиться информацией в социальных сетях. Поэтому я поставил кнопки от PLUSO после опубликованного материала.

Всего Вам доброго.

 

Читайте также:

Что такое QR-код? Для чего нужен QR-код?

Как обналичить деньги заработанные в Google AdSense?

Специальная оценка условий труда (СОУТ).

Платежная система Яндекс.Деньги.

Платежная система Рапида. Rapida Online.

 

Просмотров: 6058


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Сергей Кр.
Дата: 2015-05-16

Мудро и своевременно. Я Вам друг, Спасибо Андрей!

Комментарии добавил(а): Сергей К.
Дата: 2015-05-19

Нехорошо, Андрей, говорить неправду

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Заработай в Интернете
и осуществи свою МЕЧТУ
"Как?"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT