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

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

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

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

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

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

Итак, первым по списку у нас будет сервис, от всеми известной поисковой системы Яндекс.

Чего только не придумал этот Яндекс! Даже до кнопок добрался. Ну да ладно, это их выбор. Нам же остается лишь использовать их сервис. Теперь, как это работает.

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

При переходе на этот сервис, нам открывается вот такая картина.

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

Чуть ниже, можно увидеть сам конструктор.

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

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

добавить кнопки социальных сетей (12)

Так же, можете поэкспериментировать и выбрать, например, кнопки со счетчиком.

Выбирайте то, что нравится.добавить кнопки социальных сетей (11)

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

Переходим к сервису № 2.

Вот [urlspan]ссылка на этот сервис.[/urlspan]

С помощью этого сервиса вы так же сможете настроить кнопки разных социальных сетей.

Настройки в чем-то похожи, поэтому пробежим в быстром темпе.

добавить кнопки социальных сетей (10)

Выбираем нужные нам социальные сети.

добавить кнопки социальных сетей (9)

Тут даже есть адаптация под мобильные устройства.

Так же, выбираем расположение кнопок и внешний вид. добавить кнопки социальных сетей (8)

Чуть ниже, есть прикольные настройки стиля кнопок и эффекта при наведении.

добавить кнопки социальных сетей (7)

После выбора необходимых параметров, нажимаем на кнопку «Сгенерировать код», вводим свой e-mail и URL сайта или блога и получаем заветный код.

добавить кнопки социальных сетей (6)

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

На этом сервисе, так же можно завести аккаунт. Разработчики данного сервиса писали о возможности заработать, но что-то у них так и не воплотилось до конца в жизнь. Кнопки добавили, а результаты пока не видны. Если у вас получилось заработать на сервисе социальных кнопок Pluso, пишите в комментариях. Мне интересно знать ваше мнение.

Настройки на сервисе Pluso практически стандартные. И ничего сложного в генерации кода нет.

Сначала выбираем необходимые нам социальные сети.

 

добавить кнопки социальных сетей (5)

Затем, выбираем стиль кнопок.

 

добавить кнопки социальных сетей (4)

И получаем код для копирования.

 

добавить кнопки социальных сетей (3)

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

добавить кнопки социальных сетей (2)

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

Кнопки социальных сетей можно добавить практически в любую часть вашего блога или сайта. Например, в шапку или в сайтбар. Так же, вы можете их добавить в так называемый подвал (footer) или после текста статьи, а можно и до. Экспериментируйте и смотрите, где на кнопки будут нажимать чаще.

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

Для добавления кнопок после текста статьи, так сделано у меня, вам необходимо редактировать файл single.php. Обычно, их располагают выше кода, который начинается так <?php comments

Если у вас возникнут проблемы с вставкой кнопок в вашей теме, пишите в комментариях, будем разбираться вместе. В настоящее время существует очень много тем, поэтому предусмотреть все варианты очень сложно. К примеру, в моей теме пришлось вставить код в файл content-single.php.

Да, статейка получилась объемная, как вы считаете?

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

Всем пока.

Увидимся в следующей статье!

Нажми на кнопку - поделись с друзьями!
Это лучшая награда для автора!



Количество комментариев: 17. Оставь свой комментарий к статье “Кнопки социальных сетей на блог используя сервисы

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

  2. еще есть сервис http://share-this.ru/ — генерируете себе иконки, вставляете вместе со скриптом на сайт и не зависите от внешних сервисов. иначе падает pluso.ru — падает ваш сайт

    • Вы не правы, при «падении» (как вы выразились) pluso всего лишь не будут отображаться кнопки соц сетей. А предложенный вами сервис, всего навсего очередной плагин для установки кнопок. Многие не жалуют плагины.

      • Видать вам повезло ни разу не попасть на момент, когда из-за pluso сайт ооооочень долго грузится. а сервис что скинул позволяет измежать таких эпизодов + код самого скрипта открытый и маленький, можете почитать — ничего лишнего там нет.

        • Я смотрел код, который генерирует предложенный вами сервис. Спасибо! Каждый выбирает сервис для себя.

  3. временно убрана кнопка Google Plus в связи с тем, что она не работает по независящим от автора скрипта причинам.

  4. Я много сервисов пробовала. Остановилась на Pluso. Проблем с ним ни разу не было, и статистику можно посмотреть. По-моему, очень удобно.Единственный момент — оставили из всех предложенных только 5 кнопок (Вконтекте, одноклассники, фейбук, гугл плюс и твиттер). Читала в одной из статей, что чем больше кнопок, тем меньше шансов, что по одной из них кликнут.

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

  5. Тоже недавно писал статью как раз про этот сервис для своего блога. Лучший плагин из всех.

    • Согласен! Была мысль поменять на что-то другое, но пока только присматриваюсь.

  6. По «старинке» узаю плагины. Покрутил сервисы — не понравились.
    Тут наверное — кому, что нравится, то и подходит. Хотя у многих блогеров вижу не «плагиновские» кнопки.

    • Еще на старом блоге, все кнопки прописывал кодом, теперь использую сервисы. Как-то, было время, использовал плагины.

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

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

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