Блог Евгения Вергуса Советы Вебмастера

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо Вам за то, что поделились статьей в социальных сетях!
Вконтакте
Телеграм
Рекомендую ознакомиться с похожими статьями:
Оставлено 98 комментариев
  • Саша Линник

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

    • Евгений Вергус

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

  • Саша Линник

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

    • Евгений Вергус

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

  • Лариса

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

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

    • Евгений Вергус

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

    • Татьяна

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

      • Евгений Вергус

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

      • Татьяна

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

      • Евгений Вергус

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

      • Татьяна

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

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

      • Татьяна

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

  • Ирина

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

    • Евгений Вергус

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

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

        Да, я писал об этом здесь sovetywebmastera.ru/polez...ati-bez-plaginov

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

  • Максим

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

    • Евгений Вергус

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

      • Максим

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

      • Евгений Вергус

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

  • Инга

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

    • Евгений Вергус

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

  • Athal

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

    • Евгений Вергус

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

      • Athal

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

      • Евгений Вергус

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

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

      • Евгений Вергус

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

  • Виктор Гоголев

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

    • Евгений Вергус

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

  • Nataliya k

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

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

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

    • Евгений Вергус

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

  • Nataliya k

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

    • Евгений Вергус

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

  • Елена

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

    • Евгений Вергус

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

  • Вячеслав

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

    • Евгений Вергус

      Да не за что 🙂

  • Елена

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

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

    • Евгений Вергус

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

  • Ирина

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

  • Лариса

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

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

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

  • Лариса

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

    • Евгений Вергус

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

      • Лариса

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

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

      • Евгений Вергус

        Точно 🙂

  • Трофимов Игорь

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

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

    • Евгений Вергус

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

  • Юлия

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

    • Евгений Вергус

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

  • Дмитрий

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

    • Евгений Вергус

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

      • Дмитрий

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

      • Евгений Вергус

        да не за что 🙂

  • Олег

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

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

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

    • Евгений Вергус

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

  • Дмитрий

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

    • Евгений Вергус

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

      • Дмитрий

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

      • Евгений Вергус

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

      • Дмитрий

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

  • Ольга

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

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

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

    • Евгений Вергус

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

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

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

    • Евгений Вергус

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

  • Эльза

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

  • Николай

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

    • Евгений Вергус

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

  • Алена

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

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

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

  • Елена

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

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

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

  • Раджабов Руслан

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

    • Евгений Вергус

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

  • Маргарита

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

    • Евгений Вергус

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

      • Маргарита

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

  • Олеся

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

  • Василий

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

  • Екатерина

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

    • Евгений Вергус

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

  • Екатерина

    Понятно

  • Лилия

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

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

Ваш адрес email не будет опубликован.