Skip to content
 

Мои первые кнопки социальных сетей для сайта.

кнопки-социальных-сетей-для сайта

Если Вы — начинающий вебмастер, то это именно то, что Вам нужно!

Кнопки социальных сетей для сайта на WordPress легко установить с помощью плагина SocialButtons. Скачать плагин можно здесь.

Загрузить плагин в админ панель, установить и активировать. После активации настроить параметры.

Просматривая сайты студентов школы «Tvoy-StartUp», я заметила, что некоторые испытывают затруднение с заполнением настроек плагина  SocialButtons.

Поэтому я решила показать, как это делается на своем примере.

Просто нужно открыть свою страницу в нужной социальной сети и посмотреть в строке поисковика свой идентификатор для этой сети, а потом вписать его в соответствующую строку плагина

Вот так я открывала свои страницы в сетях ( иногда идентификатор виден не сразу — нужно клацнуть на своем профиле). Многие испытывают затруднение с поиском своего id  в Фейсбук, особенно с внедрением новой хроники.  Там нужно клацнуть по фото профиля и из строки браузера скопировать  завершающий набор цифр (от пробела до последнего &type=1) В  «Моем мире» тоже можно клацнуть по главному фото своей страницы и  увидишь id 
 
Как найти свой id в Фейсбук

id

Таким образом:

В Facebook    —    мой идентификатор id=100003286971149;

В сети «Вконтакте»    —     id155385398;

А  сети «Мой мир» —   nazarchuk.2011 — это логин или первая часть почтового адреса на mail.ru;

С  twitter проще всего — это мой НИК —    nazarchuk7755.

Эти данные я и помещаю в соответствующие строки плагина, как показано ниже:

Плагтин Социальные кнопки

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

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

Выглядят они так.

кнопки соцсетей с помощью SocialButtons

Это были мои самые первые кнопки соц. сетей, которые я установила на своем сайте.
У многих они стоят до сих пор и благополучно работают.

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

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

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

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

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

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

Я периодически меняю свои кнопки соц. сетей в соответствии с удобством и модой.

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

Кнопки соц. сетей обязательно должны быть установлены на сайте. Они обеспечивают его раскрутку, позволяют подтвердить уникальность (Вы первым делитесь информацией  в соц.сетях, а поисковые системы это фиксируют (обнаруживают ссылку)).

Такие кнопки очень нужны. Без них – никак.

Желаю успехов в установке. Надеюсь, я Вас убедила.

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

Правильно установленные  кнопки соц. сетей для сайта хорошо способствуют его продвижению.

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

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

Заходите еще.  Обязательно узнаете что-то новое и интересное.

P.S. Курьез. Когда я решила обновить этот плагин на одном из своих сайтов после того, как система Вордпресс мне это предложила, установился совсем другой плагин (и, похоже, другого автора — накладка произошла) с боковыми вертикальными кнопками, которые ездят вдоль сайта слева или справа.

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

А чтобы вернуть старые кнопки, нужно скачать заново старый плагин по ссылке, указанной в начале статьи, загрузить его на сайт со своего компьютера и активировать.

Елена и tvoy-internet.ru

Считаешь информацию полезной? Поделись с друзьями!

93 комментариев

  1. Отличная статья. Спасибо за подробный и качественный урок.

  2. Спасибо!))) Да, действительно установить их оказалось достаточно просто!))) А главное, кнопки соц. сетей помогут сайту расти!)))

  3. Золотая Ната:

    Благодарю за полезную информацию. Важно преодолеть неуверенность и научится. Зачастую в достижении результатов, человеку мешает страх…

  4. Спасибо! Наконец-то установлю твиттер! А то всё поставила, а твиттер — никак!

  5. Надежда Нугманова:

    Хихи, Бывали затруднения!

  6. Хорошая идея о кнопках своих соц сетей, помогают они в продвижении сатй.

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

  8. Ирина:

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

  9. Геннадий:

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

  10. Eлена:

    Хороший урок. Спасибо

  11. Юрий:

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

  12. Спасибо. Оставил Ваш сайт в закладках. Буду заглядывать.

  13. Marina Nur:

    Спасибо за полезную статью.

  14. Спасибо за урок, очень пригодился.

  15. Алла:

    Спасибо, с вашей помощью наконец-то наладила кнопу «в контакте».

  16. Интересная статья, спасибо автору.

  17. Елена, у меня есть эти кнопки, только называются «Общайтесь со мной». Наверное переименую на «Подружись»

  18. admin:

    Они работают неверно.

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

  20. admin:

    Если для дружбы, то прочитать у меня на сайте статью «Как установить кнопки социальных сетей без плагина», скачать кнопку «Однокласники» и аналогичным образом добавить. А поделиться новостями можно и с помощью плагина социальных закладок.

  21. Василий:

    Спасибо, хорошая статья.

  22. Петр Балашов:

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

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

  24. Петр Балашов:

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

  25. То что надо!!! Как вовремя Вы меня нашли )) Спасибо!

  26. алексей:

    Спасибо за полезный совет.

  27. Здравствуйте, Елена! Большое спасибо за комментарий, с ссылкой на Вашу статью. Действительно, плагин был настроен не правильно. Сейчас все нормально, можем дружить!
    Удачи во всем!

  28. Татьяна:

    Спасибо, Елена! Получилось :) Приходите дружить со мной! :)

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

  30. Елена! Большое спасибо за совет, все настроила.Сайт взяла в закладки.

  31. Евгений Ковтунов:

    Спасибо огромное за подсказку. Я по видимому пропустил ту часть урока где объяснялись настройки плагина. Обязательно исправлю. Удачи вам.

  32. Отлично — все получилось и теперь работает.

  33. Елизавета:

    Елена!Давно беспокоили кнопки.Не вели на нужные страницы. Не смертельно, но неприятно.С вашей помощь разобралась. Спасибо!

  34. Елизавета:

    А вот еще в вашей статье у вас все кнопочки (вконтакте, мой мир, f ) на панели идут за яндексом, вы их туда как-то установили?

  35. Это закладки браузера Гугл Хром. Установите такой браузер и у Вас будет так же.

  36. Татьяна:

    Долго мучилась с Facebook, он не хотел работать по указанному примеру, а когда скопировала всю ссылку полностью — заработал. Чудеса в решете.

  37. Если долго мучиться, что-нибудь получится! Вариант с полной ссылкой я не проверяла. Интересно, а что осталось от полной ссылки в плагине?

  38. Татьяна:

    Вы меня заинтриговали, проверила, так полная и висит! (Без основного адреса)

  39. Юлия:

    Спасибо,Елена, что подсказали, а то ведь в Старт Апе говорили просто забить аккаунты, а оказалось немного иначе-))Спасибо-все работает!

  40. Александр:

    Спасибо, все доступно объяснили, будет время и себе поставлю.

  41. Юлия:

    Спасибо,Леночка, а то ведь так бы и не подружилась бы ни с кем-))

  42. Лена, а ты можешь рассказать про маленькую кнопочку «закладки». В уроке очень сумбурно про применение было рассказано. Она меня даже раздражает. Пользоваться не знаю как, и убрать не могу, забыла каким плагином устанавливается.

  43. Я думаю, если ставить полную ссылку будет открываться профиль того, кто клацает по кнопке. В новой хронике действительно трудно найти свой id Увидела только, когда клацнула по фото профиля.Скопировать набор цифр от пробела до последнего &type

    100000541009387 это Ваш id ,Таня

  44. Татьяна:

    Я находила свой id, это не трудно, но он один работать не хотел. Спасибо, что не поленились, проверили и с таким вниманием относитесь ко всем нам, своим читателям.

  45. Татьяна:

    Написала, что найти id не трудно, а у самой стоял другой. Вот так методом проб и ошибок находится истина.

  46. Спасибо за совет! Может зайдёте и проверите ещё раз,аа)

  47. Спасибо, Елена, у меня вопрос, когда пытаюсь отправить сообщение в твиттер через эти кнопки, в сообщении стоят одни ?????, хотя вроде все настроено

  48. Можно использовать другие методы: кнопку для ретвитов или одна кнопка- все закладки http://tvoy-internet.ru/eshhe-raz-pro-knopki-sotsialnyih-setey-dlya-sayta/
    Хотя я попробовала с Ваших кнопок — у меня все нормально получилось.

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

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

  51. Светлана:

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

  52. Спасибо за подсказку, Лена! Увидел свои ошибки. Переделал, проверил — всё отлично! Теперь можно спокойно нажимать…
    Жду с удовольствием в гости :)

  53. Евгений:

    Спасибо за инфу, пойду добавлять Одноклассников, они очень нужны. Кстати в поисках кнопки Одноклассников, набрел на плагин с похожим названием. Установил, все красиво настроилось и заработало. Через пару дней увидел резкое падение статистики сайта аж на 7000. Анализ сайта показал присутствие 14! внешних ссылок.Причем ссылки были на мой сайт, а аналитика показывала их как внешние. Плагин убил и стер. Вернул старые кнопки SocialButton.Статистика тут же улучшилась. Так что бывают и такие глюки.

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

  55. Спасибо Вам Елена Дмитриевна за очень полезную информацию! Сейчас буду пробовать. Успехов Вам!

  56. Вячеслав:

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

  57. Посмотрите здесь

  58. Вячеслав:

    Елена, я Facebook настроил вроде бы правильно, но все равно пишет профиль не доступен.

  59. Вячеслав:

    Большое спасибо Елена, я просто попутал цифровой набор или не внимательно просмотрел ваш совет. А насчет дружбы — я не против, я всегда за.

  60. Анна:

    Спасибо, фейсбук поправила, а мой мир отключила,- совершенно не читает ссылку.

  61. Зухра:

    Спасибо огромное за урок!Кнопки социальные я уже установила ранее,но некоторые не работали…я видимо неправильно ввела ссылки на свои странички…Теперь же все наладила)Спасибо еще раз!Очень хороший сайт,буду продолжать у Вас учиться!)Для новичков и не очень продвинутых пользователей…большое значение имеет детальный и подробный урок…тогда есть результат…и смысл во всем)))У меня еще есть один вопрос…он просто завис…и я в тупике…Но об этом нужно долго рассказывать…У меня проблемы с Граватаром…и думаю не столько у меня…создать учетную запись совсем несложно…почему-то мой почтовый ящик с Майла не пошел…

  62. Зухра! Заведите почтовый ящик на gmail.

  63. Уважаемый автор, подскажите пожалуйста как запустить сам плагин SocialButtons? Его нужно заливать на хостинг со своим сайтом? Как мне вставить эти кнопки в свой блог? Спасибо

  64. Максим! Плагин устанавливается через админ панель сайта обычным способом (Добавить плагин).
    Ссылка на страницу, где можно скачать плагин http://comphobby.ru/social-buttons/
    Скачать, загрузить к себе на сайт в админ панель, установить и активировать.

  65. Руслан:

    Спасибо за этот совет, а как быть с «однокласниками»?

  66. Руслан! Просто! Есть масса способов —>>> Еще раз про кнопки социальных сетей для сайта.

  67. Елена! Спасибо большое! У Вас ОЧЕНЬ полезный и интересный сайт! У меня кнопки вроде работают, по-крайней мере, когда захожу со своей страницы. Но вот с Твиттером проблемы. Сообщения отображаются в виде множества вопросительных знаков и ссылки на страницу сайта. А при попытке перейти по кнопке «подружиться» на Твиттер, открывается страница с сообщением: «Sorry, that page doesn’t exist! Thanks for noticing—we’re going to fix it up and have things back to normal soon. Search for a username, first or last name»…

  68. Ирина! Посмотрите еще раз внимательно, как правильно настроить кнопки.

  69. Елена, спасибо огромное за подсказку. Все социальные сети настроила. Вы просто молодец. Делитесь своими знаниями с окружающими. Крепкого вам здоровья.

  70. Спасибо за совет! Я все исправила!

  71. Николай:

    Урок пошел на пользу. Кнопки установил. Буду и дальше прислушиваться к вашим советам. Ведь для меня создание сайта — много, много темных пятен.

  72. Игорь:

    Спасибо, а то с фейсбуком и правда засада вышла. Разобрался и исправил. Так что милости просим в гости!

  73. Спасибо , Елена за урок! А если, плагин уже был установлен, его нужно удалить? Чтобы ID заполнить правильный.

  74. Гульназ! Плагин удалять и переустанавливать не нужно. Просто заполните соответствующие поля, как показано в статье.

  75. Спасибо Елена, попробую настроить свои идентификаторы, помню что когда плагин ставила, то не поняла где их смотреть, а у вас все так хорошо видно :)

  76. В FaceBook сейчас можно выбрать себе «человеческий» идентификатор:
    1) на главной странице надо кликнуть стрелочку (треугольник справа)
    2) в списке выбрать Настройки аккаунта
    3) в строке Имя пользователя кликнуть -> Редактировать
    4) вводите Имя, свой пароль и кликаете кнопку Сохранить изменения

    Например, себе я выбрал имя по названию своего сайта «topdelo».
    Соответственно, теперь оно является частью моего адреса на FB (www.facebook.com/topdelo) и его же (topdelo) надо вводить в настройках этого плагина.
    ———-
    Примечание: Ваше имя пользователя на FB может быть изменено только один раз! Поэтому отнеситесь к замене серьезно.. А наградой вам будет ЧПУ — человеко-понятный адрес :)

  77. Кстати, этот плагин можно сделать еще более функциональным и быстрым:
    1) после замены одной строчки кода эти кнопки будут выводиться и после каждой статьи в основной ленте блога (http://tvoy-internet.ru/), а не только в режиме просмотра отдельной статьи.

    2) Для ускорения загрузки блога желательно имеющиеся в плагине картинки кнопок уменьшить под дизайн вашего блога (до нужного размера).

    Проверить скорость сайта здесь: http://tvoy-internet.ru/uvelichivaem-skorost-zagruzki-sayta/

  78. Александр ! По поводу первого пукта, я считаю что это не нужно, у себя на сайте я такого делать не буду!
    А про сервис измерения скорости сайта мне известно. Я правда еще не все картинки успела сжать, которые загружала на сайт на первых порах…

  79. Надежда:

    Елена, спасибо за подсказку. В Фейсбуке кнопку исправила, а вот в маил.ру не удалось. Пишет ошибка 404. Я ей не нравлюсь наверно. Заходите проверьте, заодно посмотрите новые статьи на сайте.

  80. Надежда, чтобы увидеть идентификатор в mail.ru нужно клацнуть по главному фото в Вашем профиле и посмотреть строку поиска в браузере. Обычно это часть Вашего адреса в mail.ru, которая стоит до значка @

  81. Евгений:

    Лена, спасибо за статью. Настроил кнопки соц. статей и всаё работает , будем дружить.

  82. Ольга:

    Спасибо, Леночка )))

  83. Елена:

    Спасибо! Я установила плагин Social Share Buttons, только не скачивала, а нашла с помощью меню поиск плагина по имени. А далее уже установила, активировала и ввела свои данные.

  84. Наталья! Самый простой вариант — создать в «Моем мире» новую страницу с mail адресом.

  85. Елена,Ваши статьи мне очень помогают продвигать свой сайт,спасибо!

  86. Михаил Добрер:

    Статья отличная!Автору респект!Читается на одном дыхании,но в формате видео,было бы удобнее

  87. Наталья:

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

  88. Здравствуйте, Елена!
    Подскажите, пожалуйста, как поставить ссылку на свою страницу в моем мире если ящик оканчивается на bk.ru
    Спасибо!

  89. Алена! Я думаю, что нужно клацнуть по главному фото в своем профиле «Мой мир», определить свой идентификатор в этой социальной сети и поставить его.

  90. Спасибо, Елена, попробую! Как только не пробовала, но вот по фотографии еще не щелкала…

  91. Нет не получается, выдает только фотку, а ссылка на страницу пишет ошибка 404.

  92. Алексей:

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

Добавить комментарий

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