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

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

Красивые кнопки для сайта

Социальные сети прочно вошли в нашу жизнь. Это не только место знакомств и общения, это еще и мощный инструмент раскрутки и продвижения наших  веб ресурсов. На блогах и сайтах можно увидеть различные красивые виджеты всех популярных социальных сетей. Кнопки социальных сетей для сайта предоставляют возможность приглашать своих друзей за интересной и полезной информацией на свой блог. Рассказывать о различных событиях и делиться этим в своих аккаунтах — страницах социальных сетей.

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

Добавить  кнопки социальных сетей на блог можно пользуясь плагином, про этот простой способ их установки прочитайте в статье «Установка на сайт плагина социальных кнопок». Если Вас интересует как сделать на своем блоге Google +1 плагином или кодом, почитайте «Как добавить кнопку Google +1 кодом и плагином» подробно. Аналогично установке кода от сообщества Google +1, можно создать  — «Твитнуть» от Twitter. Вы ее видите в начале статьи, нажмите на нее и отправьте эту статью Вашим друзьям в Твиттере (спасибо! :-)  ).

То есть, для ее установки берется код, предлагаемый социальной сетью. Виджеты от Facebook, VKontakte, Одноклассники, Мой мир – любой из перечисленных социальных сетей добавляются кодом, предлагаемым сервисом социальной сети. Конечно, непременным условием для получения кода виджета – это регистрация в этой социальной сети.

Если Вам нужна информация как добавить виджеты социальных сетей для сайта при помощи кода виджета социальной сети, напишите в комментариях, буду рада помочь.

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

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

Скрипты: «Одна кнопка», «Share 42», «Social Top», «Pluso» — наиболее популярны, последний блок из этого списка установлен у меня после каждой статьи. Перепробовав в разное время варианты : «Одна кнопка», «Share 42», я остановилась на виджете сервиса Pluso. Почему? Понравился красивый современный дизайн! Возможность выбрать нужные социальные сети, несложные настройки и простота в установке.

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

Для того, чтобы добавить блок кнопок социальных сетей для сайта от сервиса Pluso переходим по адресу http://share.pluso.ru/ и приступаем к созданию своего собственного скрипта. В этот набор Вы можете включить кнопки тех сетей, в которых у Вас созданы аккаунты, так и тех где Вы не зарегистрированы. Ведь кликать по ним будете не только Вы, отправляя анонс своей статьи, но и Ваши читатели.

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

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

Создаем свой набор кнопок социальных сетей от сервиса Pluso

Для создания своего виджета от сервиса Pluso, выбираем кнопочки тех сетей, которые мы хотим установить у себя на блоге. Удаление и добавление их производится простым перетаскиванием, влево, чтобы добавить, вправо — чтобы убрать ненужную. Какие из них добавить или убрать каждый решает сам, в зависимости от того, какие социальные сети наиболее популярны. Например, каждый обязательно установит у себя кнопки Twitter, Vkontakte, Facebook, Google +1, Одноклассники. Я рекомендую добавить  Google закладки и Yandex закладки. Имейте ввиду, что их порядок и расположение  Вы можете также менять простым перетаскиванием вверх-вниз.

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

Предварительный просмотр блока кнопокУдобно еще и тем, что все изменения Вы можете наблюдать в Предварительном просмотре и оставить тот вариант, что видите на экране или вернуться назад и внести дополнительные изменения.

Дополнительно - нужно ли заполнять

Справа Вы видите еще одно окно настройки — «Дополнительно», нужно ли заполнять Ссылку на страницу, Название страницы и Краткое описание? Я думаю эти Параметры стоит заполнять, если Скрипт кнопок создается для статичного сайта, где эти Параметры неизменны. Для постоянно наполняющегося блога. лучше оставить Параметры Дополнительно не заполненными, тогда социальные сети будут брать описание и изображение из meta-тэгов.

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

Если Вы создаете сайт — одностраничник или Вирусную открытку, как например, в созданной мной Музыкальной открытке «Последний звонок», тогда нужно заполнить Дополнительно и в социальные сети будет отправляться одна и та же ссылка, страница, описание.

Скрипт кнопок социальных сетей, получение кода и установка на блог

Закончили с настройками и переходим к установке этого блока  на блог.

Важно! Сделайте бекап!

Не переходите к работе с кодом блога не сделав резервное копирование!!!

Копировать код виджета

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

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

Копировать код кнопок, нажав на зеленую кнопку «Копировать».

Кликните на картинку! Картинки кликабельны!

код блока Первую часть кода вставляем a файл Footer.php перед закрывающимcя тегом </body>, второй код вставляем в файл Single.php после блока

<?php the_content (); ?>

Код  в Footer.phpКод виджета в Footer.php

Код в Single.phpКод виджета в Single.php

Каждый раз когда вставляем код виджета в файл блога, нажимаем внизу на синюю надпись «Обновить файл».

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

Напишите в комментариях:

Какие кнопки социальных сетей нравятся Вам?

Согласны ли Вы, что социализация блога способствует его популярности и дает дополнительный трафик на блог?

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

Желаю удачи!

Приглашаю Вас подписаться на обновления, чтобы не пропустить интересное и полезное!

Ваши комментарии, мысли, идеи приветствуются и ценятся! Пишите!

С уважением Рашида Гарифулина


Рекомендую прочитать эти статьи блога:

Поделиться с Яндексом

Хостинг  TimeWeb — как привязать домен к хостингу

Новый сервис Яндекса — Яндекс диск

Сделать кнопку для сайта онлайн

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


 

Была ли эта статья полезна и интересна? Если — да, нажмите кнопочки социальных сетей, расскажите друзьям, вдруг им тоже важна эта информация!

Читать похожие статьи

Оставить свой комментарий

Поиск по сайту
Яндекс — найдется всё
Объявления
Читайте Топ 5 популярных статей

Яндекс кошелек регистрацияСоздать кроссворд онлайнСоздать блог бесплатноСоздать картинку с надписьюКак пользоваться FileZilla

LiveInternet
Яндекс.Метрика
© 2017    Интернет-time Свой бизнес в интернете. ВСЕ ПРАВА ЗАЩИЩЕНЫ.    //    Войти   //    Вверх