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


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


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

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

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

Конечно, мы можем делать это и сами, и мы будем учиться это делать. Однако в вопросе внешних ссылок наши собственные усилия - ничто по сравнению с тем, как это могут делать наши читатели.

Мы должны только предоставить им эту возможность: создавать качественный и востребованный контент и создать технические условия делиться им.


С одним из таких условий мы и познакомимся сегодня. Это кнопки социальных сетей или социальные кнопки.

Что такое социальные кнопки?


Социальные кнопки - это такой плагин, который помогает сделать перепост анонса нашего сообщения на блоге в другие социальные сети.

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

Приносят ли социальные кнопки пользу нашему блогу?

 

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

Однако этими кнопками должны пользоваться не только наши читатели, но и мы сами.

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

Я рекомендую вам разместить такие кнопки в специальном виджете под вашими постами или непосредственно в текстовом поле вашего поста.

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


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

Первый из них называется: Share42. Он предоставляет полный набор красивых кнопок практически по всем известным социальным сетям.

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

На этом блоге я использую кнопки именно этого сервиса. Выглядят они вот так:




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

1.   Входим в аккаунт Blogger и на вкладке: Шаблон кликаем на: Изменить HTML

Как внедрить код социальных кнопок в шаблон блога

2.  Устанавливаем галочку: Расширить шаблоны виджета и находим вот такой фрагмент кода: <data:post.body/>

Находим фрагмент кода


 3.  Вставляем после него следующий код:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'>
Если вам понравился материал, расскажите о нем друзьям:
<div align='center'>
<div class="share42init"></div>
<script type="text/javascript" src="http://dl.dropbox.com/u/48089857/share43/share42.js"></script>
<script type="text/javascript">share42('http://dl.dropbox.com/u/48089857/share43/')</script>
</div></div></b:if>

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

В этом случае кнопки появятся сразу во всех опубликованных постах.

Однако у меня шаблон почему-то капризничал, и мне пришлось вставить код в шаблон сообщений. Сделать это можно так.

1.  Надо войти в настройки блога и на вкладке: Сообщения и комментарии кликнуть на: Добавить возле Шаблона сообщений.

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

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


Однако есть еще три очень не плохих сервиса, которые решают эту проблему. Первый - это кнопки Яндекса.

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

Выглядеть это будет примерно так:




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

Так же можно выбрать набор, размер и конфигурацию кнопок, а затем разместить код в нужном вам месте.

Выглядеть это будет примерно так:





И еще один прекрасный сервис Pluso. Это русский сервис, там все на русском.

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

Выглядеть это будет примерно так:






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

На следующем занятии мы продолжим создавать служебные элементы нашего блога.


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


Ваше имя: *
Ваш e-mail: *
В тренинге участвуют:
слушателей


Забрать на свою страничку:




23 комментария:

  1. Здравствуйте, Каролина!

    С нетерпением жду Ваши письма с занятиями тренинга. Все очень понятно, доступно. Я тоже самоучка. Долго действовала "методом тыка". Огромное спасибо.

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

    Спасибо.

    ОтветитьУдалить
    Ответы
    1. Светлана, напишите, в чем именно проблема, на каком этапе не получается...

      Удалить
  2. Каролина. все делаю, как написано. Но кнопки на блоге не появляются.

    ОтветитьУдалить
  3. Каролина, добрый вечер!

    Оказывается мои кнопочки есть на других страница. (сейчас стала делать страницу Контакты). Но их нет на главной странице.

    ОтветитьУдалить
    Ответы
    1. Кнопки появляются только в сообщениях...на других страницах их и не должно быть...

      Удалить
  4. То есть когда будет сообщение на главной странице, то кнопки появятся?

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

      Удалить
    2. Каролина, спасибо! Все поняла. Успехов, Вам.

      Удалить
  5. Здравствуйте, вы можете мне помочь? Вчера поставил себе социалку от Pluso (давно хотел это сделать), но вся проблема в том, что на главной, при попытке постинга в Твиттер или Facebook, отсылается лишь страница сайта, а стоит перейти в саму статью, как она отсылает правильно именно ссылку на статью. Подскажите, в чем может быть причина и что можно сделать? Вот мой сайт http://www.bvb-russia.com/

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

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

      Удалить
    2. Каролина, здравствуйте, не соглашусь с вами. Дело в том, что когда у меня ранее был блок соц.кнопок от "Яндекс". "Поделиться", то у меня и с главной страницы все прекрасно отсылалось в полном виде url-статьи. НО когда поставил Pluso, то отсылалась только ссылка самого сайта. Так что тут дело не в этом совершенно.

      С главной я убрал сейчас кнопки, методом размышлений пришел к этому решению :) Вы правильно подметили, плохо влияет на индексацию :) У вас интересный и полезный сайт, буду заглядывать :)

      Удалить
    3. Кнопки Яндекса настроены более гибко...там работают все-таки специалисты более высокого уровня...а в остальных кнопках полно и не таких косяков...

      Удалить
    4. Все понятно, спасибо еще раз вам, теперь уже известны отличия, так сказать, на собственном опыте :)

      Удалить
  6. очень полезная статья, сппасибо

    ОтветитьУдалить
  7. Здравствуйте, Каролина! у меня пишет: "Ваш код HTML не может быть принят: Недопустимый тег: DIV" как поступить?

    ОтветитьУдалить
    Ответы
    1. Уберите из кода этот тег...для этого надо найти два фрагмента кода: все, что находится внутри скобок: div... и /div

      Сами скобки я не написала, чтобы комментарий был пропущен системой защиты...

      Удалить
    2. Сегодня получилось вставить указанный код, но в блоге значки не появились?

      Удалить
    3. Алла, они должны появиться под сообщениями, но их не будет на Главной странице...если все равно не появляются, то вероятнее всего вы где-то ошиблись...попробуйте пройти все снова по шагам внимательно...

      Удалить
  8. Здравствуйте!
    Подскажите пожалуйста, а как сделать социальные кнопки, но не для того, чтобы поделиться статьей, а типа "Follow me on Facebook" (вот как у вас "Найдите нас на фэйсбук) ???
    Заранее благодарна за ответ!!!

    ОтветитьУдалить
  9. Каролина, спасибо большое за такой полезный совет! Искал именно чтобы кнопки располагались в конце темы, а не в самом низу страницы, как было у меня. Теперь с Вашей помощью у меня чудненько красуются соц.кнопки в конце темы. Я доволен результатом!

    ОтветитьУдалить
  10. Каролина, благодарю за ваши уроки!
    Хочу спросить, почему при нажатии социальных кнопок отсыпается только фото и название самого блога? Как добавить название поста и первое предложение из него?
    Спасибо!

    ОтветитьУдалить
    Ответы
    1. Дело в том, что добавление анонса регулирует сам сервис...на это нельзя повлиять...

      Удалить