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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо Вам за то, что поделились статьей в социальных сетях!
К данной статье оставлено: 98 ком.
  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. Елена

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

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

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

  16. Вячеслав

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

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

      Да не за что 🙂

  17. Елена

    Евгений, я поменяла тему на сайте и кнопочки у меня пропали.Текущая тема 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. Трофимов Игорь

    Очень ценный урок, главное вовремя. Полученный код после выбора соответствующего пакета кнопок не содержал слова"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. Николай

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

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

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

  30. Алена

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

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

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

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

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

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

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

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

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

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

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

  33. Маргарита

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

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

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

      • Маргарита

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

  34. Олеся

    Евгений, здравствуйте. Не смогла найти в своей теме ColorMag, где прописать код. Помогите, пожалуйста.

  35. Василий

    Спасибо Евгений, очень пригодилась информация.

  36. Екатерина

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

    • Евгений Вергус
      Ответить
      4 мая 2018 в 13:41

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

  37. Екатерина

    Понятно

  38. Лилия

    Благодарю за ценную информацию про кнопки. Очень нужно было.

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