Кнопки соц сетей на свой сайт. Просто даже для новичка!

Кнопки соц сетей на сайт. Просто даже для новичка!Здравствуйте, дорогие друзья! На многих блогах и сайтах Вы наверняка обращали внимание на удобные кнопки социальных сетей Вконтакте, Твиттер, Гугл Плюс… А ведь они не просто так стоят! И сегодня я Вам расскажу для чего нужны кнопки соц сетей на сайт, а также поделюсь самыми красивыми и быстро устанавливаемыми, добавление которых непременно осилят даже самые начинающие блоггеры.

Зачем нужны кнопки поделиться в соц сетях?

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

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

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

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

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

Вот так сейчас выглядят мои кнопки соц сетей для WordPress, созданных без использования каких-либо плагинов:Кнопки соц сетей на сайт от Pluso

Согласитесь, очень даже привлекательно смотрятся. Но для чего все-таки они нужны?

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

В результате при установке социальных кнопок для сайта Вы получите:

  • Удобное и быстрое анонсирование своих анонсов в свои профили соцсетей.
  • Бесплатный рост посещаемости. Согласно статистике добавление кнопочек на сайт способствуют увеличению посещаемости в 5-20%.
  • Увеличение ссылочной массы веб-ресурса, что непременно скажется на росте позиций страниц в поисковой выдаче. Конечно, при комплексном наращивании ссылочной массы с другими методами эффект будет ощутимей.
  • Улучшение показателей ТИЦ, PR и Alex Rank.

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

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

  1. Переходим в сервис Pluso по этой ссылке.
  2. Из представленной коллекции выбираем стиль кнопок:Pluso - стиль кнопок соц сетейДля лучшего сочетания с дизайном блога можно установить яркие или темные соцкнопки, поставить их в один ряд или в два, всё очень удобно и делается достаточно быстро.
  3. Теперь переходим к дополнительным опциям:Pluso - дополнительные опции кнопок соц сетейЯ в опциях убрал только фон, остальные пункты оставил без изменений. Социальный счетчик здесь общий и отображает сумму всех кликов по кнопкам социальных сетей. Хочу обратить внимание, что значения старых счетчиков, установленных до этого в статьях блога, учитываться не будет.
  4. Далее следует мышкой перетянуть в окно Постоянные сервисы подходящие соц кнопочки, а не нужные выкинуть из списка. Я оставил только те, которыми планирую пользоваться сам:Pluso - выбор кнопок социальных сетей для сайта
  5. В предпросмотре оцениваем полученный результат и если блок с социальными кнопками для блога (сайта) от Pluso всем устраивает :smile:, тогда копируем код:Pluso - копирование кода кнопок соц сетей для сайта
  6. Теперь необходимо вставить код кнопок соц сетей в статьи сайта. Для этого идем в админке WordPress через меню Дизайн (1), Редактор (2), single.php (3) и после строки вывода статей <?php the_content (); ?> (4) вставляем наш код (5), который я дополнительно выровнял по центру с помощью тегов <center>добавленный код</center>:Pluso - вставить кнопки соц сетей на сайт
  7. Можете перейти и посмотреть полученную красоту.

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

Чтобы быть в курсе самых свежих новостей моего блога, рекомендую подписаться на рассылку и получать статьи по e-mail.

Читайте также Как добавить в сайдбар большую кнопку RSS и Твиттер.

Осторожно! Говорящие хомяки на дороге ;)!

С уважением, Дмитрий Байдук

Отзывов (16)

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

  2. Татьяна пишет:

    Спасибо большое! Все понятно, даже для такого чайника, как я! Я уже поставила себе кнопки! :idea: Можете посмотреть! http://www.varvara-krasa.ru – только у меня они в сайдбаре получились :(.
    В коде я совсем не разбираюсь. Дмитрий, подскажите, где почитать про код? :grin:

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

      • Татьяна пишет:

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


        • Если еще немножко поискать, можно воткнуть куда нужно.
          Перейдите в файл single.php (см. пункт №6), нажмите Ctrl+F и вставьте в строку поиска это – the_content()
          Вот сразу под найденной строкой и нужно вставить код Pluso

          • Татьяна пишет:

            В моем single.php даже “the” нет))))
            Пусть пока в правой колонке стоят – они там над строкой поиска получились, в принципе, как будто я так и задумала :). Дмитрий, а как у вас вот эта стрелочка “наверх” поставлена? Я тоже такую хочу :)

          • В принципе, как будто ништяк получилось. Вот только специально себе тему twentyten поставил – строка вывода постов the_content() в моем single.php была мной случайно ОБНАРУЖЕНА :smile:!!!
            Я себе стрелочку поставил через код, её сложнее будет поставить. Проще установить плагин, где основная сложность будет выбрать красивую стрелочку. В общем, введите в поиске скачать плагин кнопка наверх и привалит Вам счастье ;)

  3. Санёк пишет:

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

  4. ZeroXor пишет:

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

  5. Татьяна пишет:

    Дмитрий, премного благодарна! У меня теперь есть кнопочка наверх :))). Как мало начинающему блоггеру для счастья надо! ;)

  6. Вот и я теперь деактивировала наконец-то два плагина вывода кнопок и сделала по вашей статье себе кнопочки от плюсо! Ура! :shock:

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

  8. Владимир пишет:

    Спасибо за статью. Вначале хотел ставить плагин Sociable RE, но решил все-таки просмотреть другие варианты, наткнулся на Вашу статью. Поставил минуты за три (чтобы настроить нормально Sociable RE потребовался б час, не меньше). Минут десять тестировал в разных социальных сетях – работает все отлично. Правда, вот не знаю, как этот код грузит сайт, не “легче” ли для него Sociable RE. Скорее всего нет, но не факт…

  9. Алексей пишет:

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

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

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