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

Опубликовано: 05.09.2015 | 1196

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

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

Если брать WordPress, то можно воспользоваться плагином. Но сегодня оставим внимание ему и рассмотрим как это сделать на любом сайте. Готовы? Тогда начнём, пожалуй.

Содержание:
1. Для чего на сайте нужны кнопки соцсетей?
2. Кнопки с помощью стандартных возможностей социальных монстров.
3. Кнопки с помощью специализированных сервисов.
4. Как разместить код кнопок на сайте?

Для чего нам эти кнопки?

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

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

Это только один пример, почему кнопки соцсетей так Важны для наших сайтов. Поисковые системы так же любят социальный трафик. То есть если у Вас идёт подсчёт статистики с помощью Яндекс или Google (а он несомненно идёт), значит в Вашей статистике будет информация о переходах из социальных ресурсов и роботы это несомненно учтут.

В общем, не раздумывайте и ставьте кнопки таких вот сайтов непременно, если их у Вас ещё нет. Но не добавляйте кучу ненужных и незнакомых нам сайтов. В основном, многие пихают туда столько кнопок, что непонятно даже что это за ресурсы (в основном зарубежные). Вряд ли кто-то будет зарегистрирован в каких либо социальных тусовках, кроме Вконтакте, Одноклассники, Фейсбук, Твиттер, Мэйл.ру.

Думаю суть понятна. Рассмотрим теперь способы добавления такого функционала на наш сайт.

Для разработчиков

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

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

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

Определение этим сервисам я дал сам. Думаю так будет правильнее всего. В общем, давайте рассмотрим несколько сайтов, которые дадут нам эти самые кнопочки быстро и бесплатно.

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

Честно говоря я сначала хотел использовать именно блок от Яндекс, но потом заметил, что скорость загрузки моего блога стала намного больше. Появились какие-то тормоза и я не стал искать проблему, а воспользовался другим сервисом.

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

В этом сервисе никаких тормозов я не заметил. Блог как работал быстро так и работает. В общем, рекомендую именно этот ресурс.

Соиальные кнопки share24Кнопки Share24. Честно говоря не пробовал. Но ссылочку дам. Может Вам  понравится именно этот кнопкосервис. Такой же набор возможностей как и у предыдущих. Имеется русский язык и, в принципе, удобный и понятный всем интерфейс.

Как разместить и где?

Товарищи, ну это, я думаю, элементарные вещи. Ну а если конкретнее, то здесь уже нужно смотреть в зависимости от Вашего сайта (CMS) и его специфики. У одного сайта это будет в одном файле, у другого в другом. В общем, тут всё конкретно для каждого сайта.

Вообще, если Вы не знаете даже куда вставлять полученный код, то Вам срочно нужно почитать основы HTML и только потом лезть в код сайта. Ну это уже совсем для чайников, извиняюсь. Ну а если вы не хотите и этого осваивать, то держать и развивать сайты — занятие не для Вас, если, конечно же, Вы не наймёте себе администратора, который будет всю эту работу выполнять, но тут уже придётся периодически платить ему денежку за работу.Администратор сайтаРазмещать такие кнопки, в принципе, можно где угодно. Но лучше всего они будут смотреться в конце контентного блока. То есть, если это статья, значит в конце текста. Если же это какое-то видео или фотография, то сразу под ним. В общем сделать так, чтобы посетитель сначала получил информацию (не важно в каком виде), а потом увидел кнопки «Поделиться» и, если сочтёт нужным, то репостнет контент своим друзьям.

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

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

С уважением, Александр Васильев!

БредТак себеНеплохоХорошоОтлично
Загрузка...
Подписка на новые статьи блога


Не будь жадиной! Поделись с друзьями :)



Комментарии к этой записи (Правила):

  1. Виктор (18.11.2015)



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

    1. Александр (27.11.2015)



      Не совсем мне нравятся кнопки от этого сервиса. Предпочитаю UpTolike там можно просматривать подробную статистику переходов из соц сетей и по каким запросам переходили люди из социальных сетей. А вот share42 ТАКОЙ ВОЗМОЖНОСТИ НЕ ИМЕЕТ УВЫ

  2. Александр (27.11.2015)



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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:arrow: 
:biggrin: 
:confused: 
:cool: 
:cry: 
:eek: 
:evil: 
:exclaim: 
:idea: 
:lol: 
:mad: 
:mrgreen: 
:neutral: 
:question: 
:razz: 
:redface: 
:rolleyes: 
:sad: 
:) 
:surprised: 
:twisted: