Урок 22 Социальный плагин Socializ it, кнопки социальных сетей, плагин Share Buttons

03.09.20163269

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


Любой вебмастер хотел бы утащить небольшой кусочек этого сладкого пирога) В настоящее время сами компании социальных сервисов предлагают использовать их различные кнопки, для большей популяризации своих проектов, хотя уже куда больше)) Кнопки от одноклассников, twitter, вконтакте, мне нравится, лайки, google +1 - реально можно запутаться, все хотят урвать себе кусочек.

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

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

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

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

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

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

Для установки кнопки одноклассники и кнопки от Mail нравится необходимо воспользоваться следующим кодом (который достаточно скопировать и вставить в нужное место):

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

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

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

Следующий код позволит установить кнопку like Facebook :

Ну а этот код добавления кнопки социальной сети позволит призвать великую площадку Twitter

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

Есть еще несколько способов избежать такой вот ручной работы это:

  1. Установка кнопки Яндекса поделиться
  2. Установка социальных плагинов.

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

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

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

Кнопка Яндекса поделиться, установка на сайт и настройка

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

Данный код можете также вставлять в файл Single.php .Таким вот простым взмахом руки мы можем установить Яндекс кнопки социальных сетей. Если вы хотите сами настроить блок поделиться, то можете перейти в конструктор Яндекса . Думаю там вы уже разберетесь и без моих комментариев.

Социальный плагин Socializ it, установка плавающей кнопки социальной сети

Думаю вы уже обратили внимание на плавающую кнопку слева от текста на моем сайте. Такая симпатичная штука делается с помощью социального плагина Socializ it. Скачать социальный плагин вы можете отсюда.

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

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

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

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

Там же вы можете выбрать месторасположение плавающих кнопок плагина Socializ it, он может находится как с правой стороны так и с левой, также по желанию можете указать размер значков кнопок. Социальный плагин даст вам кнопки Twitter, Вконтакте, facebook и многое количество других кнопок социальных сетей!

Давайте рассмотри еще один плагин, который у меня выводит кнопки в конце статьи, так как с помощью плагина Socializ it нельзя одновременно выводить плавающие кнопки и статичные после статей.

Плагин Share Buttons , установка и настройка плагина социальных сетей

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

плагин социальный Share button

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

Вы можете выбрать где плагину Share Buttons производить вывод кнопок социальных сетей : на главной, в постах и страницах, также можно прописать Id страниц, где вы сможете отменить данный вывод.

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

Ну а 3 вкладка настроек плагина позволит определить ширину контейнера кнопок, определит устанавливать ли счетчики на кнопки.

Обратите внимания что для работы кнопок Like от Вконтакте и Facebook необходимо прописать Api Id, просто перейдите по предложенным ссылкам от плагина и полученную информацию вставьте в поля, хотя я все это оставил пустым и вроде работает.  Надеюсь у вас не останется вопросов после статьи о социальных плагинах и кнопках социальных сетей. Удачи!