Блог Евгения Вергуса
Советы Вебмастера
Хотите начать зарабатывать на партнерских программах прямо сейчас?

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

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

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

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

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

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

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

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

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

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

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

С уважением, Евгений Вергус.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 голос, в среднем: 5,00 из 5)
Загрузка...

Спасибо Вам за то, что поделились статьей в социальных сетях!
Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей
К данной статье оставлено: 92 ком.
  1. Саша Линник

    Все собираюсь установить себе кнопки без плагина, да все никак не соберусь) Спасибо за урок.

    • Евгений Вергус
      Ответить
      17 марта 2013 в 21:52

      Ну вот тебе и урок, бери и делай, делов на 3-5 минут 🙂

  2. Саша Линник

    Кстати, Женя. Ты какую версию CamStudio используешь? 6ю? попробуй в HD снимать 720, чтоб четче чуть было

    • Евгений Вергус
      Ответить
      17 марта 2013 в 21:58

      Да у меня семерка, отлично снимает все, это Ютуб отбирает качество.

  3. Лариса
    Ответить
    22 марта 2013 в 17:18

    Хорошие кнопочки у тебя, Женя!

    А у меня по плагину мелкие какие-то, мне иногда кажется, что люди их просто не замечают =)

    • Евгений Вергус
      Ответить
      22 марта 2013 в 17:29

      Удали плагин и сделай так как у меня 🙂 Отлично работают и без плагинов!

    • Татьяна
      Ответить
      22 марта 2013 в 18:18

      Ларис все зависит от ЦА, у Жени это мы блоггеры, а вот моя ЦА этими социальными кнопочками не пользуется и зачем нужны они не понимает, да и не надо им это понимать.

      • Евгений Вергус
        Ответить
        22 марта 2013 в 19:25

        Кнопочки нужны в любом случае, даже если 1 нажмет, то уже хорошо 🙂 Вдруг у него 50 000 друзей!

        • Татьяна
          Ответить
          22 марта 2013 в 19:28

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

        • Евгений Вергус
          Ответить
          22 марта 2013 в 19:31

          Конечно познакомлю, без проблем, но пока такого нет, есть только у которого 49999 друзей, все никак не наберет 😉 !

        • Татьяна
          Ответить
          22 марта 2013 в 19:42

          Так вот она я, 50 000 тысячная! 8)

          А ты что химичишь с формой комментов? Куда то она в сторону уползла.

        • Татьяна
          Ответить
          22 марта 2013 в 19:47

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

  4. Ирина
    Ответить
    23 марта 2013 в 15:17

    У меня что-то трафика из социалок не видно... Видимо, нужно эту тему как следует пошерстить, в чем там секрет.

    • Евгений Вергус
      Ответить
      23 марта 2013 в 16:30

      Секрет в больших группах и большом количестве друзей 🙂

  5. Лариса
    Ответить
    25 марта 2013 в 8:34

    Давно пыталась установить кнопки, да не знала куда. Вопросы:1.у меня кнопки получились под «Похожие статьи», а как сделать над ними? 2.как вывести статьи в виде миниатюр, как у Вас? Это сложно? У меня выводит плагин Related Posts Thumbnails.

    • Евгений Вергус
      Ответить
      25 марта 2013 в 10:54

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

      • Лариса
        Ответить
        25 марта 2013 в 11:11

        Спасибо. У Вас есть статья как выводить записи кодом?

  6. Лариса
    Ответить
    25 марта 2013 в 9:08

    Еще вопрос: тоже хочу поставить коды от партнерки. Их тоже вставлять в single.php? Спасибо

    • Евгений Вергус
      Ответить
      25 марта 2013 в 10:55

      Да, код нужно ставить в файл single.php

      • Лариса
        Ответить
        25 марта 2013 в 11:09

        Спасибо!А если над статьей — код ставим в шапку сайта?

        • Евгений Вергус
          Ответить
          25 марта 2013 в 11:11

          Нет, в тот же самый файл, только над контетом.

        • Лариса
          Ответить
          25 марта 2013 в 11:37

          Спасибо, уже сделала. Надеюсь, Вы не будете в обиде, что сделала по Вашему примеру

  7. Максим
    Ответить
    25 марта 2013 в 22:42

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

    • Евгений Вергус
      Ответить
      25 марта 2013 в 22:44

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

      • Максим
        Ответить
        25 марта 2013 в 22:47

        Тоже верно, Женя! Но к переделке или доработке своего первоначального дизайна приходят многие новички самостоятельно. А так и кнопки ждут своей участи. 🙂 Но в начале конечно лучше брать готовые бесплатные решения!

        • Евгений Вергус
          Ответить
          25 марта 2013 в 22:53

          Согласен, большинство блоггеров делают уникальные шаблоны для своего блога.

  8. Инга

    Евгений! посмотрела ваше видео по установке кнопок соц. сетей. Все делаю как вы но почему то ни у меня не появляются на страничке.Может я код не туда куда надо вставляю?Спасибо! =)

    • Евгений Вергус
      Ответить
      27 марта 2013 в 10:46

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

  9. Athal

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

    • Евгений Вергус
      Ответить
      2 апреля 2013 в 13:55

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

      • Athal

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

        • Евгений Вергус
          Ответить
          2 апреля 2013 в 22:29

          Для этого и есть блоги , чтобы читать, черпать идеи и вдохновление 🙂

  10. Лариса
    Ответить
    11 апреля 2013 в 11:02

    Ура! Я поставила! *DANCE* Жень, а как мне сделать, что бы теги к статье были над этими кнопками или даже лучше, если б они были над похожими статьями (над плагином)?

    • Евгений Вергус
      Ответить
      11 апреля 2013 в 11:15

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

      • Лариса
        Ответить
        11 апреля 2013 в 11:17

        Ух, Жень спасибо! *DANCE* Я сегодня целый день танцую =)

        • Евгений Вергус
          Ответить
          11 апреля 2013 в 11:18

          Ну и отлично 🙂 Еще много полезного у меня 🙂 Так что долго танцевать придется!

        • Лариса
          Ответить
          11 апреля 2013 в 11:25

          Жень и еще один вопрос, не по теме немного. Я вчера поменяла шаблон на сайте и у меня текст в статьях стал не ровный, как мне исправить, чтобы было как у тебя, ровненький по краям? :-[

        • Евгений Вергус
          Ответить
          11 апреля 2013 в 11:27

          В статьях в редакторе нужно нажать кнопку «выровнять по ширине».

        • Лариса
          Ответить
          11 апреля 2013 в 11:30

          то есть это мне нужно каждую статью вот так исправить? =-O я думала... ну ладно, все равно там править надо миниатюры выводить. Жень спасибо огромное за помощь! Вчера топталась до 2 ночи, а сегодня к тебе попала и все проблемы почти решила. *DANCE* Танцы до утра! =)

        • Евгений Вергус
          Ответить
          11 апреля 2013 в 11:31

          Да пожалуйста! 🙂

  11. Лариса
    Ответить
    11 апреля 2013 в 11:09

    Сделала, переместила =) Хотела спросить, теги закрывающие не нужно ставить к этим кнопкам?

    • Евгений Вергус
      Ответить
      11 апреля 2013 в 11:15

      Теги ставить необязательно, я не ставлю.

      • Лариса
        Ответить
        15 апреля 2013 в 0:09

        Жень а у меня с кнопкой одноклассники проблема. Когда нажимаю чтобы отправить свою статью, то в окошке анонс не из статьи, а название статей, которые выводит плагин, то есть вот так «Приготовьте по этим рецептам и идет перечисление.» Остальные кнопки отправляют ссылки с правильным описанием. Как же мне исправить и почему так получается? Помоги пожалуйста. 🙁

        • Евгений Вергус
          Ответить
          15 апреля 2013 в 0:15

          Здесь я не могу помочь 🙂 я не разработчик данного сервиса. Можно просто вручную написать анонс и все. Лично я вообще не использую Одноклассники 🙂

  12. Виктор Гоголев

    Кнопки — очень полезная возможность. я ставил с плагина. Пока все работает без сбоев

    • Евгений Вергус
      Ответить
      12 мая 2013 в 12:38

      Плагин конечно будет работать, но если есть возможность, то лучше заменить на код, чем меньше плагинов, тем лучше. Хотя все относительно, есть пользователи которые ставят по 50 и более плагинов 🙂

  13. Nataliya k

    Спасибо за наводку на отличный сервис и очередной видео-урок!

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

    Я даже «срисовала» у Вас код заголовка для этих кнопочек))) В школе никогда не списывала у других-теперь понимаю двоечников,а ШО делать,коли своих знаний нет ?! 😀

    • Евгений Вергус
      Ответить
      15 мая 2013 в 15:23

      Да пользуйтесь, главное чтобы польза была 🙂

  14. Nataliya k

    Единственное с чем не смогла справиться-кнопочки у меня получились не сразу под текстом статьи, а под рубриками.Тыкала код везде,где только можно и нельзя-получается либо над постом,либо под рубриками.Между ними впихнуть не получилось)))

    • Евгений Вергус
      Ответить
      15 мая 2013 в 15:23

      Это скорее всего свойство темы, нормально смотрится.

  15. Елена
    Ответить
    17 октября 2013 в 18:43

    Евгений, очень своевременно нашла ваш видеоурок.Как раз собиралась установить кнопочки на свой сайт. Очень понятно и доступно!!! Большое спасибо!!! :-* :-* :-*

    • Евгений Вергус
      Ответить
      19 октября 2013 в 0:19

      Да не за что, Елена! Пользуйтесь 🙂

  16. Вячеслав

    Спасибо Евгений!Вы как всегда на высоте!А то у меня плагин заглючил на одном из блогов *DANCE* ,а тут такая полезная информация =)

    • Евгений Вергус
      Ответить
      11 ноября 2013 в 11:56

      Да не за что 🙂

  17. Елена
    Ответить
    10 ноября 2013 в 18:42

    Евгений, я поменяла тему на сайте и кнопочки у меня пропали.Текущая тема Twenty Eleven. Все сделала как написано,скопировала код и пошла в редактор вставлять в одиночную статью. Упс, а у меня нет там такой строки которая отвечает за вывод контента. Есть другие вот такая и такая

    . После какой мне вставлять? *UNKNOWN* *UNKNOWN* *UNKNOWN*

    • Евгений Вергус
      Ответить
      11 ноября 2013 в 11:57

      Елена, сейчас новые темы появляются постоянно и все меняется, нужно смотреть по месту. Но должно быть что-то похожее.

  18. Ирина

    *BRAVO* Здорово,спасибо огромное за подсказки.Всё получилось,но боялась изменять код.Теперь приятно смотреть.Супер!

  19. Лариса
    Ответить
    9 января 2014 в 21:16

    Женя, привет!

    У меня тут вопрос... Я в конце конкурса (когда еще совсем мало работ было) решила разрешить всем на своих блогах работы публиковать.

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

  20. Лариса
    Ответить
    9 января 2014 в 21:18

    Забыла подписаться 🙂

    • Евгений Вергус
      Ответить
      9 января 2014 в 21:24

      Привет! Я вообще никогда не замарачивался по этому поводу, так как точно вести подчет, сказать не могу 🙂

      • Лариса
        Ответить
        9 января 2014 в 21:27

        Понятно... А я вот заморочилась 🙂

        Ну ладно, посчитаю у тех, у кого видно, это не мои проблемы.

        • Евгений Вергус
          Ответить
          9 января 2014 в 21:28

          Точно 🙂

  21. Трофимов Игорь
    Ответить
    28 февраля 2014 в 20:52

    Очень ценный урок, главное вовремя. Полученный код после выбора соответствующего пакета кнопок не содержал слова"content", которое было вами выделено прямоугольником. Но я нашел слово « document».

    Вопрос: будут ли работать кнопки для соединения с соответствующими соцсетями, если я помещу код в определенном месте html-кода подписной страницы? Спасибо 😛 %) *CRAZY*

    • Евгений Вергус
      Ответить
      28 февраля 2014 в 20:59

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

  22. Юлия

    Евгений, спасибо большое за полезную статью. Я только начинаю работу над своим сайтом. Изначально устанавливала плагин WP Social Buttons, но он почему-то отказывается у меня работать. Очень расстроилась и в поисках другого решения набрела на Вашу статью =). Кнопочки с Pluso работают! Ура!

    • Евгений Вергус
      Ответить
      23 апреля 2014 в 15:56

      Юлия, у меня много полезных статей. Рад, что и эта статья принесла вам пользу 🙂

  23. Дмитрий
    Ответить
    11 ноября 2014 в 0:35

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

    • Евгений Вергус
      Ответить
      11 ноября 2014 в 11:26

      Скорее всего не туда код ставишь. Когда сайтбар улетает вниз, то дело именно в коде.

      • Дмитрий
        Ответить
        19 марта 2015 в 23:31

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

        • Евгений Вергус
          Ответить
          20 марта 2015 в 11:40

          да не за что 🙂

  24. Олег

    Я в редакторе на странице кода single.php не могу найти правильное место. То кнопки ставятся над статьей, то вообще под комментариями.

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

    Как найти, то место уже и не знаю

    • Евгений Вергус
      Ответить
      11 ноября 2014 в 21:39

      Шаблонов море и все они сделаны по разному. Поэтому в некоторых случаях может быть нестандартная ситуация. Я в видео показал, как я реализовано у меня.

  25. Дмитрий
    Ответить
    12 ноября 2014 в 0:20

    Евгений, а ты когда начинал свой блог у тебя этот шаблон с самого начала был? или потом поменял? и по поводу html, на момент начала были уже базовые знания? или все с нуля? 🙂

    • Евгений Вергус
      Ответить
      12 ноября 2014 в 11:09

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

      • Дмитрий
        Ответить
        12 ноября 2014 в 16:56

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

        • Евгений Вергус
          Ответить
          12 ноября 2014 в 22:08

          если год не заниматься чем-либо, то можно многое забыть 🙂 и код не исключение.

        • Дмитрий
          Ответить
          13 ноября 2014 в 10:15

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

  26. Ольга
    Ответить
    9 декабря 2014 в 17:39

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

    Стоят кнопки от яндекса и еще какие-то, но у обоих эта проблема (при чем по разному срабатывает на одной и той-же статье даже)

    Можете подсказать в чем может быть проблема?

    • Евгений Вергус
      Ответить
      10 декабря 2014 в 22:07

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

  27. Наталья Краснова

    Спасибо за статью и отдельно за весомые комментарии.

    • Евгений Вергус
      Ответить
      30 апреля 2015 в 9:29

      Всегда пожалуйста!

  28. Эльза

    Я остановилась на кнопочках от share42, уж очень нравятся плавающие вертикальные! но все равно спасибо! вы молодец! *victory*

  29. Николай
    Ответить
    19 октября 2015 в 17:49

    Благодарю за отличный материал, Евгений! Всё чётко и понятно. Несмотря на то, что тему у меня несколько другая 9её конструктивные особенности), я очень легко разобрался, и даже поиграл с кодом. Всё получилось отлично! Благодарю за обучение!

    • Евгений Вергус
      Ответить
      22 октября 2015 в 14:10

      Отлично, рад что моя статья помогла )

  30. Алена
    Ответить
    4 апреля 2016 в 16:45

    Спасибо!Полезная статья для начинающих.

    Я поставила кнопки, но, при репосте почему то захватывается не картинка из статьи, а баннер(

    Пришлось удалить кнопки.

  31. Елена
    Ответить
    5 апреля 2016 в 21:37

    Большое спасибо за статью и видеоурок!

    Сделала сама, получилось. Я сама благодаря Вашим урокам и школе «Я Блогер» смастерила сайт и все установила, теперь Ваш блог, как палочка-выручалочка, чего не знаю, сразу иду к Вам в гости, и опять нахожу что-то новое для себя!

    Благодарю! Удачи Вам!

  32. Раджабов Руслан

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

    • Евгений Вергус
      Ответить
      14 апреля 2016 в 11:49

      Руслан, всегда пожалуйста!

  33. Маргарита
    Ответить
    24 мая 2016 в 22:37

    Здравствуйте, Евгений! Очень красивые кнопочки получились. Спасибо! А как убрать плюсик от pluso? Не нашла. Сама-то я дилетант, такого наворотила, не передать. Пришлось тему менять.

    • Евгений Вергус
      Ответить
      29 мая 2016 в 23:34

      А зачем его убирать?

      • Маргарита
        Ответить
        3 июня 2016 в 22:55

        А у вас его нету!

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