Главная » Как сделать » Как установить кнопки социальных сетей для сайта или блога

Как установить кнопки социальных сетей для сайта или блога

Как установить кнопки социальных сетей для сайта или блога

Доброго времени суток всем кто читает эти строки. В предыдущем посте я писал про то, как стать блоггером. А кто-нибудь из вас знает, что должно обязательно быть на любом добротном блоге? Если нет, то просто читайте далее. В этой статье я расскажу о том, как установить кнопки социальных сетей для сайта или блога. Эти социальные кнопки являются очень стратегически важным элементом в продвижении абсолютно любого интернет проекта. Почему? Дочитайте этот пост до конца и обо всём узнаете.


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

А может быть это просто лишний мусор, который утяжеляет вес странички? Никак нет! Представьте, что вы написали супер мега классный пост, который прочитал некто Алексей. Статья ему очень понравилась и он думает, а вот бы её прочитали мои друзья Вовка, Димка и Наташка. И здесь он видит кнопки социальных сетей, через которые можно поделиться ссылкой на ваш пост со своими друзьями, которые зарегистрированы в различных социальных сервисах (вконтакте, одноклассники, фейсбук и т.д.).


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


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


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


Теперь перейдём непосредственно к самому процессу, который называется

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

Вот как выглядят эти красивые кнопочки на моём блоге:



мои социальные кнопки


Чтобы поставить такую же красоту к себе на сайт, заходим на share42.com.



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


Далее выбираем необходимый размер социальных иконок. У меня установлен 24*24 .


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


Порядок расположения кнопок можно менять простым перетаскиваньем мышью.



меняем последовательность иконок


Далее переходим к шагу №2.


Здесь нужно будет определиться с типом панели – горизонтальная или вертикальная «плавающая».


Горизонтальная это вобщем как у меня на блоге. Вертикальная «плавающая» - это как на сервисе share42.com, про который я сейчас и пишу. Посмотрите на левую часть экрана по центру. Вы должны увидеть следующее:



вертикальная панель социальных кнопок


Причём при прокрутке скрола мышки вниз или вверх, вертикальная панель социальных кнопок тоже перемещаеться вниз или вверх, отсюда и название «плавающая». Вобщем выбирайте, что вам больше нравиться.


Следующая опция – «Кодировка вашего сайта». Здесь нужно не ошибиться с выбором, иначе при наведении курсора мышки на социальные кнопки поимеете непонятные кракозябры вместо русскоязычных надписей.


«Добавьте иконку сайта share42.com». При включении данной опции, после всех выбранных вами иконок, добавляется иконка на сайт создателя. Это выглядит примерно так:



иконка на сайт разработчика скрипта социальных кнопок


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


Теперь скрипт кнопок социальных сетей при наведении на него курсора мыши будет показывать у некоторых иконок счётчик публикаций. Таким образом, вы будете знать сколько раз поделились вашей статьёй в каком либо социальном сервисе. Это даёт понять популярна статья или нет. Весьма удобная штука .



удобный счётчик публикаций


Если ваш сайт не знает кто такой jQuery, но данная фича вам ну просто жизненно необходима, тогда копируем расположенный ниже код



и вставляем его на все страницы сайта перед закрывающим тэгом .





Всё! Теперь ваш сайт подключен к jQuery версии 1.9.0 через сервер Google. Существуют и другие способы подключения, однако у этого есть ряд преимуществ, но сейчас не об этом .


После завершения всех настроек качаем готовый скрипт кнопок социальных сетей к себе на компьютер.


Далее выполняем пункты №4 и №5 прилагаемой инструкции (картинка кликабельна).





И если вы выбрали социальные кнопки со счётчиком публикаций, тогда добавляем в свой файл стилей следующий код из пункта №6 (картинка кликабельна):





Всё! Процесс установки кнопок социальных сетей завершён. Понравилась статья? Буду рад, если вы поделитесь ей со своими друзьями в социальных сетях или добавите в закладки.


Впереди ещё много интересных и полезных постов, так что не забудьте подписаться на обновления.


На сегодня у меня всё. До скорого!


Статьи по теме:

Присоединяйтесь ко мне в Google Плюс:


Хотите получать актуальные новости из мира SEO, SMO и интернет маркетинга прямо в свой почтовый ящик ?
Нет ничего проще !

СПАМ в комментариях ЗАПРЕЩЁН!!! Любые попытки караются пожизненным БАНОМ!


Адрес заметки: http://onlain-work.ru/Kak-ustanovit-knopki-socialnykh-setej-dlya-sajta-ili-bloga.phtm

15 февраля 2013, 13:59
№ 1Тема о кнопках
Да когда то я так искала информацию об установлении соц кнопак, но ничего не получалось. Потом нашла сервис (счас не помню как называется), так все хорошо установилось
Растения Скорпиона
15 февраля 2013, 23:39
№ 2Без темы
У кого нет кнопок очень полезная статья.
Лидия
17 февраля 2013, 01:34
№ 3Отличный сервис
Полностью солидарен. Перепробовал несколько способов установки кнопок соц. сетей на сайт и остановился на share42.com. Сначала использовал горизонтальные кнопки в конце поста, а теперь перешёл на вертикальные плавающие.
Александр

Комментарии к этой заметке больше не принимаются.



  • Статистика посещений: