Загрузка...
Как установить социальные кнопки
Всем привет! Сегодня подготовил для Вас видеоурок, где рассказал о том, как установить социальные кнопки на сайте без плагинов и достаточно просто, тем более эти социальные кнопочки выглядят довольно симпатично. Так что читайте статью и смотрите видеоурок.
Как установить социальные кнопки
Существует множество различных плагинов для того, чтобы легко разместить и установить социальные кнопки на своем блоге, но плагины нагружают блог и чем их меньше, тем лучше. В этой связи, мне хотелось бы предложить довольно простой способ установки соц. кнопок без плагинов. Просто выводим все кодом и получаем отличные кнопочки, нужного нам размера, цвета, формы и другими эффектами. Лично я, сам пользуюсь данным сервисом и очень доволен.
Сервис называется Pluso — кнопки для добавления контента в социальные сети. Сервис развивается с большой скоростью и обещает в ближайшее время добавить статистику переходов и другие вкусности.
Как известно, социальные сети могут привести огромный трафик. Также доказано, что каждый примерно каждый 65 посетитель Вашего блога делится ссылкой в социалках и в среднем по данной ссылке переходит 6 человек, которые просматривают не менее 2 страниц на сайте.
Так что грамотное размещение красивых кнопочек способно увеличить посещаемость Вашего ресурса от 5 до 20% и это совершенно бесплатной способ. Советую не пренебрегать социальными кнопками и в обязательном порядке размещать их на своих блогах.
Не буду долго рассказывать о социальных сетях, так как статья не об этом, а о том, как установить социальные кнопки на своем сайте и не просто установить, а сделать это без применения плагинов.
Смотрите видеоурок и Вам станет все понятно. Вы сможете поставить себе такие же кнопочки, как у меня на блоге.
Вот такой небольшой видеоурок для Вас, надеюсь все понятно и доступно, если остались вопросы, Вы всегда можете их задать в комментариях к данной статье. Да и не забудьте поделиться статьей в социальных сетях! Жду Ваших комментариев. Желаю Вам удачи!
С уважением, Евгений Вергус.
Все собираюсь установить себе кнопки без плагина, да все никак не соберусь) Спасибо за урок.
Ну вот тебе и урок, бери и делай, делов на 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 не заменит универсальности и уникальности кнопок, которую сделает настоящий дизайнер.
Согласен, уникальность всегда будет на первом месте, но не каждый может позволить себе уникальный дизайн 🙂
Тоже верно, Женя! Но к переделке или доработке своего первоначального дизайна приходят многие новички самостоятельно. А так и кнопки ждут своей участи. 🙂 Но в начале конечно лучше брать готовые бесплатные решения!
Согласен, большинство блоггеров делают уникальные шаблоны для своего блога.
Евгений! посмотрела ваше видео по установке кнопок соц. сетей. Все делаю как вы но почему то ни у меня не появляются на страничке.Может я код не туда куда надо вставляю?Спасибо! =)
Инга, не могу точно сказать, шаблонов миллионы и с каждым нужно работать индивидуально, возможно забываете сохранить. Может не туда код копируете и так далее.
Очень важно иметь на своем блоге эти кнопки. Спасибо за урок Евгений.Ведь на начальном уровне посетителями блога как раз таки и являются наши друзья, коллеги, знакомые и т.д.
Все верно, в начале это наши друзья, потом это целые сообщества и друзья друзей, не стоит сбрасывать социалки, в них огромный потенциал.
Я тут тоже подумал, что в соц. кнопках огромный потенциал и решил, что автоматическая рассылка много лучше ручной. Написал статью про кросспостинг, думаю блоггерам будет интересно . Тема ведь актуальная. Получилось решил прокомментировать Вашу статью. В результате написал свою. Идейно вдохновляете меня прям 🙂
Для этого и есть блоги , чтобы читать, черпать идеи и вдохновление 🙂
Ура! Я поставила! *DANCE* Жень, а как мне сделать, что бы теги к статье были над этими кнопками или даже лучше, если б они были над похожими статьями (над плагином)?
Я рад, что все получилось, на самом деле все просто 🙂 Над похожими статьями нельзя сделать, если они выведены плагином, плагин имеет преимущество, чтобы сделать кнопки выше, нужно убрать плагин и вывести похожие записи без плагина, просто наберите в поиске моего сайта и найдете статью об этом 🙂
Ух, Жень спасибо! *DANCE* Я сегодня целый день танцую =)
Ну и отлично 🙂 Еще много полезного у меня 🙂 Так что долго танцевать придется!
Жень и еще один вопрос, не по теме немного. Я вчера поменяла шаблон на сайте и у меня текст в статьях стал не ровный, как мне исправить, чтобы было как у тебя, ровненький по краям? :-[
В статьях в редакторе нужно нажать кнопку «выровнять по ширине».
то есть это мне нужно каждую статью вот так исправить? =-O я думала... ну ладно, все равно там править надо миниатюры выводить. Жень спасибо огромное за помощь! Вчера топталась до 2 ночи, а сегодня к тебе попала и все проблемы почти решила. *DANCE* Танцы до утра! =)
Да пожалуйста! 🙂
Сделала, переместила =) Хотела спросить, теги закрывающие не нужно ставить к этим кнопкам?
Теги ставить необязательно, я не ставлю.
Жень а у меня с кнопкой одноклассники проблема. Когда нажимаю чтобы отправить свою статью, то в окошке анонс не из статьи, а название статей, которые выводит плагин, то есть вот так «Приготовьте по этим рецептам и идет перечисление.» Остальные кнопки отправляют ссылки с правильным описанием. Как же мне исправить и почему так получается? Помоги пожалуйста. 🙁
Здесь я не могу помочь 🙂 я не разработчик данного сервиса. Можно просто вручную написать анонс и все. Лично я вообще не использую Одноклассники 🙂
Кнопки — очень полезная возможность. я ставил с плагина. Пока все работает без сбоев
Плагин конечно будет работать, но если есть возможность, то лучше заменить на код, чем меньше плагинов, тем лучше. Хотя все относительно, есть пользователи которые ставят по 50 и более плагинов 🙂
Спасибо за наводку на отличный сервис и очередной видео-урок!
Наконец-то я установила кнопки социальных сетей сразу на все страницы-надоело делать это вручную в каждом посте,а загружать ещё один плагин не хотелось.
Я даже «срисовала» у Вас код заголовка для этих кнопочек))) В школе никогда не списывала у других-теперь понимаю двоечников,а ШО делать,коли своих знаний нет ?! 😀
Да пользуйтесь, главное чтобы польза была 🙂
Единственное с чем не смогла справиться-кнопочки у меня получились не сразу под текстом статьи, а под рубриками.Тыкала код везде,где только можно и нельзя-получается либо над постом,либо под рубриками.Между ними впихнуть не получилось)))
Это скорее всего свойство темы, нормально смотрится.
Евгений, очень своевременно нашла ваш видеоурок.Как раз собиралась установить кнопочки на свой сайт. Очень понятно и доступно!!! Большое спасибо!!! :-* :-* :-*
Да не за что, Елена! Пользуйтесь 🙂
Спасибо Евгений!Вы как всегда на высоте!А то у меня плагин заглючил на одном из блогов *DANCE* ,а тут такая полезная информация =)
Да не за что 🙂
Евгений, я поменяла тему на сайте и кнопочки у меня пропали.Текущая тема Twenty Eleven. Все сделала как написано,скопировала код и пошла в редактор вставлять в одиночную статью. Упс, а у меня нет там такой строки которая отвечает за вывод контента. Есть другие вот такая и такая
. После какой мне вставлять? *UNKNOWN* *UNKNOWN* *UNKNOWN*
Елена, сейчас новые темы появляются постоянно и все меняется, нужно смотреть по месту. Но должно быть что-то похожее.
*BRAVO* Здорово,спасибо огромное за подсказки.Всё получилось,но боялась изменять код.Теперь приятно смотреть.Супер!
Женя, привет!
У меня тут вопрос... Я в конце конкурса (когда еще совсем мало работ было) решила разрешить всем на своих блогах работы публиковать.
Теперь вот думаю, а как мне на чужих сайтах считать нажатия кнопок соц.сетей? У всех же разные виды плагинов и кодов, у кого-то без номеров. Или вообще исключить их из борьбы за приз зрительских симпатий %) Что посоветуешь?
Забыла подписаться 🙂
Привет! Я вообще никогда не замарачивался по этому поводу, так как точно вести подчет, сказать не могу 🙂
Понятно... А я вот заморочилась 🙂
Ну ладно, посчитаю у тех, у кого видно, это не мои проблемы.
Точно 🙂
Очень ценный урок, главное вовремя. Полученный код после выбора соответствующего пакета кнопок не содержал слова"content", которое было вами выделено прямоугольником. Но я нашел слово « document».
Вопрос: будут ли работать кнопки для соединения с соответствующими соцсетями, если я помещу код в определенном месте html-кода подписной страницы? Спасибо 😛 %) *CRAZY*
Игорь, сейчас очень много шаблонов и код пишут по разному, я знаю классический способ и он описан в данной статье.
Евгений, спасибо большое за полезную статью. Я только начинаю работу над своим сайтом. Изначально устанавливала плагин WP Social Buttons, но он почему-то отказывается у меня работать. Очень расстроилась и в поисках другого решения набрела на Вашу статью =). Кнопочки с Pluso работают! Ура!
Юлия, у меня много полезных статей. Рад, что и эта статья принесла вам пользу 🙂
Евгений, а у меня почему-то после добавления кода на странице сайдбар улетает вниз страницы и находится прямо под статьей, в чем может быть причина? в шаблоне?
Скорее всего не туда код ставишь. Когда сайтбар улетает вниз, то дело именно в коде.
Да, похоже что просто куда-то не в ту степь поставил код, сейчас все аккуратно, где и хотел, но только код у меня выглядит иначе, пришлось повнимательнее разобраться, но зато теперь приятно посмотреть! Спасибо!
да не за что 🙂
Я в редакторе на странице кода single.php не могу найти правильное место. То кнопки ставятся над статьей, то вообще под комментариями.
Ставишь чуть выше, так страница ломается.
Как найти, то место уже и не знаю
Шаблонов море и все они сделаны по разному. Поэтому в некоторых случаях может быть нестандартная ситуация. Я в видео показал, как я реализовано у меня.
Евгений, а ты когда начинал свой блог у тебя этот шаблон с самого начала был? или потом поменял? и по поводу html, на момент начала были уже базовые знания? или все с нуля? 🙂
Все начинал с нуля и без знаний. Знал только что есть код html и с его помощью создаются сайты. В принципе это были все знания 🙂 Как работать с кодом и что такое вордпресс, я не имел понятия.
я когда пришел в школу старт-ап, то вообще не понимал, как сайты делаются. Потом немножко в коде начал разбираться, но далее был пробел почти год, уже не помню очень многое
если год не заниматься чем-либо, то можно многое забыть 🙂 и код не исключение.
есть один жирный плюс: когда это интересно, то освежить память и узнать что-то новое абсолютно не в напряг
Я у себя на блоге поставила соцкнопки, но у меня какая-то непонятная заморочка с ними — если пытаюсь репостить вконтакте статью, то очень часто не подхватываются картинки из статьи для превьюшки или только часть из них берется.
Стоят кнопки от яндекса и еще какие-то, но у обоих эта проблема (при чем по разному срабатывает на одной и той-же статье даже)
Можете подсказать в чем может быть проблема?
К сожалению, я не сталкивался с такой проблемой. На данный момент я удалил все кнопки и поставил именно от Яндекса и проблем с ними не было.
Спасибо за статью и отдельно за весомые комментарии.
Всегда пожалуйста!
Я остановилась на кнопочках от share42, уж очень нравятся плавающие вертикальные! но все равно спасибо! вы молодец! *victory*
Благодарю за отличный материал, Евгений! Всё чётко и понятно. Несмотря на то, что тему у меня несколько другая 9её конструктивные особенности), я очень легко разобрался, и даже поиграл с кодом. Всё получилось отлично! Благодарю за обучение!
Отлично, рад что моя статья помогла )
Спасибо!Полезная статья для начинающих.
Я поставила кнопки, но, при репосте почему то захватывается не картинка из статьи, а баннер(
Пришлось удалить кнопки.
Большое спасибо за статью и видеоурок!
Сделала сама, получилось. Я сама благодаря Вашим урокам и школе «Я Блогер» смастерила сайт и все установила, теперь Ваш блог, как палочка-выручалочка, чего не знаю, сразу иду к Вам в гости, и опять нахожу что-то новое для себя!
Благодарю! Удачи Вам!
Большое спасибо Евгений за наглядный видеоурок.Вчера прочитал Вашу статью про социальные кнопки, сегодня посмотрел видео и по ним успешно установил кнопки от Яндекса.Проверил, все отлично работает.Спасибо Вам за обучение начинающих.
Руслан, всегда пожалуйста!
Здравствуйте, Евгений! Очень красивые кнопочки получились. Спасибо! А как убрать плюсик от pluso? Не нашла. Сама-то я дилетант, такого наворотила, не передать. Пришлось тему менять.
А зачем его убирать?
А у вас его нету!
Евгений, здравствуйте. Не смогла найти в своей теме ColorMag, где прописать код. Помогите, пожалуйста.
Спасибо Евгений, очень пригодилась информация.
Евгений, здравствуйте. Подскажите, пожалуйста, какой плагин кнопок поделиться, Вы используете, чтобы над кнопками выводилась такая надпись Спасибо Вам за то, что поделились статьей в социальных сетях!
Эта фраза добавлена прямо в код страницы. Никаких плагинов для этого не требуется.
Понятно
Благодарю за ценную информацию про кнопки. Очень нужно было.