Кнопки социальных сетей на сайт

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

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

 
Кнопки социальных сетей на сайт
 
Добавить сами кнопки социальных сетей, кнопку Твиттера на страницы своего сайта можно с помощью плагинов, или поместив специальный код в файле single.php шаблона. Начнем с плагинов:
 


 

Socialbuttons2 – (версия-2) – плагин,

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

  • — «заголовок по центру» – пробуйте варианты, зависит от дизайна шаблона
  • — «ссылка на плагин» – можете оставить в благодарность автору плагина
  • — «заголовок» – пишите русский текст, например: «Понравилась статья – поделитесь с другими»
  • — «размер текста заголовка» – на Ваш вкус
  • ставим галочки на те соц. сети, которые будут отображаться
  • — «стиль кнопок» – квадратные или горизонтальный прямоугольник
  • — «размер кнопок» – пробуйте методом подбора

 

Invite Buttons – кнопки для приглашения познакомится в соц. сетях

  • — «текст заголовка приглашения», например: «Давайте дружить!»
  • — «размер текста заголовка» — выбираем
  • — ставим галочки на те соц. сети, где у Вас есть зарегистрированный аккаунт, прописываем свои координаты (образец видно справа от поля)
  • — в «Twitter» – Ваш логин от Твиттера – «ivanov»
  • — во «вКонтакте» – прописываем свой «id», например: «id123456789»
  • — в «Фейсбук» – прописываем так же «id», например: «id=123456789000001» — где взять эти «id» — в своем соответствующем аккаунте кликнуть – вКонтакте – «Моя страница», в Фейсбук – на своем имени, рядом с «Главная», и берем Id из адресной строки браузера

Фейсбук ID аккаунта
— в «Мой Мир» вписываем свой логин – отрезаем от почты @mai.ru, и то, что осталось, это и пишем…



  • — остальных аккаунтов у меня нет – разберетесь сами по тому же принципу
  • — нажимаем «сохранить» и идем на свой сайт, в любую статью, если что не так – редактируем
  • Не забудьте проверить кнопки «Давайте дружить» — туда ли они ведут!

Размещение, дизайн кнопок социальных сетей сильно зависит от конкретного шаблона – у кого-то все ОК с первого раза, а кто-то, перепробовав все варианты, так и не получает красивого оформления.
Заниматься редактированием кода плагина – это по желанию.

У меня его не было, и я себе на блог поставил «все в одном» — «Одну кнопку»

ok2 — плагин «Одна кнопка»

— просто закачиваем, устанавливаем и активируем. Настроек у него нет – кнопка должна появиться в конце каждого поста. Единственный недостаток, если можно так сказать – плагин не приглашает дружить в соц. сетях, но ссылки на свои аккаунты можно дать отдельно (пример), можно и с картинками.

Эти два плагина кнопки соц. сетей не единственные – есть их аналоги, можно найти через поиск. Можно и вообще обойтись без применения плагинов – поместить специальный код, как я уже говорил, в файле single.php шаблона.
Вы освоились с редактированием кодов?
Тогда  рассмотрим и вариант кнопок без плагинов.

А в следующей статье, не забудьте подписаться — попробуем установку кнопки Твиттер на сайт 
(TweetMeme Button, TweetTopsy) — пока тоже плагинами.
 


Если статья была интересна для вас - ей можно поделиться


Получать новые публикации по электронной почте:


69 мыслей о “Кнопки социальных сетей на сайт”

  1. Друзья, если Вам действительно понравился материал — не забывайте, пожалуйста, кнопку Гугл +1 — в конце поста, посоветуйте другим

    Если Вы заметили неточность или ошибки в публикации — просьба указать в своем комментарии

  2. Социальные кнопки действительно здорово помогают ускорить индексацию. Например, мою последнюю статью Яндекс проиндексировал буквально через 10 минут после её выпуска.

  3. Сергей! Спасибо за советы по моему блогу. А Яндекс меня просто пока не видит, т.к. сайту только 3 месяца. Надеюсь, что в ближайшем будущем это произойдет.

  4. Очень нужные плагины для вебмастеров. Сама тоже сразу после публикации новой записи отправляю по всем своим сетям. Одна кнопка (с Вашей, Сергей, подачи) стоит уже месяца два. У меня к ней две претензии :) : 1)я сама ее не вижу нигде (даже у Вас), хотя она стоит (если зайти с другого IP, то видно ее); 2) отображается не только после самой статьи, но и после анонса на главной. А так симпатичная кнопочка и много сетей в ней.

    1. @Ирина, бывает такое с этой кнопкой — прячется. Ее можно установить не плагином — кодом — возможно не будет невидимкой.
      После анонса — не пробовал убрать, но наверное есть настройки в коде самого плагина.

  5. socialbuttons2 к сожаленью, не подошел под мою тему. кнопки упрямо располагаются вертикально. А вот OK2 подошел прекрасно. Спасибо

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

      1. @Екатерина, отправляйте по кнопкам не с анонса на главной, а с полной статьи — обычно проблема из за этого.

  6. Сергей. У Вас на сайте я вижу только одну кнопку +g и закладки.
    Подскажите как установили +g. В гугл рекомендуют скопировать код и вставить на страницу сайта. А куда именно не пишут.
    Спасибо.

    1. @Наталья, вообще-то они говорят — куда поставить код! Там 2 фрагмента кода.
      Если не поняли в их описании — наберите в поиске — на эту тему много хороших статей!
      А рассказать в комментарии…. — проще написать статью

      1. @admin, присоединяюсь к Наталье и ждем статью добавления кнопки Google+ (либо плагином, либо кодом)
        Урок по редактированию кодов тоже ждем.
        Я, например, хотела кнопки Твитера тоже установить с помощью кода. А они пишут «скопируйте код и вставьте в исходный HTML-код сайта» А где этот код и в какое место кода вставлять — чайники не знают.
        Пришлось плагином устанавливать. Но ведь плагинами не хочется перегружать сайт. Там, где можно без них обойтись, лучше и обойтись.

        1. Да ладно жадничать-то…
          У меня около 40 плагинов стоят и что — сайт сильно тормозит?
          Про кнопку Google+ много видео уроков в Интернете — стандартная ее установка. Я у себя вообще не нашел куда втиснуть второй код, самого изображения кнопки — пришлось вписывать в код плагина «Похожие статьи».
          Твиттер у меня стоит плагином — нормально работает

          1. @admin, Сергей куда бы я не ставила код кнопки как говорят она получается после плагина «Похожие статьи». А куда ты поставил в код плагина? Можно подробнее сама боюсь пробовать.

  7. У меня, почему-то, как ни меняю размер этих кнопок, они остаются самыми огромными.

    1. Бывает — конфликт с CSS шаблона — поставите потом другие кодом.
      Или поставьте «Одну кнопку»

  8. Не нравится, как работает ОК2. При нажатии на кнопки Твиттер, ВКонтакте и Одноклассники:
    1. Открываются в новой вкладке. Это хорошо, но исходная страница (т.е наша с вами) тоже переходит на соц.сеть. Получаются две одинаковые вкладки, а наш сайт — ушел.
    2. Причем вернуться назад не всегда получается. Особенно с Одноклассников.
    3. Уменьшает размер окна, приходится разворачивать его назад.
    Испробовано на Твиттере, ВКонтакте, Одноклассниках моем сайте и на вашем сайте,Сергей. Кто поделится, как работают кнопки др соц сетей у вас?

    1. @Ирина, к Одной кнопке нужно просто привыкнуть.
      Открывает в новом окне — закрываем его и идем на первую вкладку — там то же открывается соц сеть. Отправляем анонс и делаем шаг назад в браузере.
      На все сети этого сервиса уходит максимум 10 минут

      1. @admin, разобралась с вашим объяснением. Но так неудобно. Лишние хлопоты, я пока разобралась, так несколько раз окна все закрывались. Я-то вернулась назад, а вот посетитель не будет мучаться. Возьмет и уйдет.

        1. А я вообще держу эту кнопку только для себя — добавляю статьи в сети.
          Время будет — поставлю в код набор других кнопок.

  9. Я установила плагин соц.кнопки, долго не могла их найти после смены темы.
    На старой теме они находились вверху а сейчас КУПАЮТСЯ В ТЁПЛЫХ ВОДАХ СРЕДИЗЕМНОГО МОРЯ. Т.е с боку. можно ли их вернуть на место?

      1. Может вы говорите о тех что снизу (3 квадрата и 3 прямоугольника) А я говорю про те, что с плюсом и для гугля и для для другого.

        1. А другие, с плюсом, я вообще не вижу…
          Переустановите еще раз на новом шаблоне

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

        1. @Настя, а можно по-подробнее…
          Если хотите — я комментарий никому не покажу
          Что за проблемы у Вас?
          Или напишите на почту ser.an.bon@yandex.ru

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

    1. @Алексей, бывает временный глюк или у кнопки (плагина) или у соц. сети.
      Попробуйте руками дать ссылку на статью в «вКонтакте»

    2. У меня тоже вконтакте бывает не работает, но это временами день не работает, а потом неделю норм-Это сам контакт глючит.

  11. Здравствуйте Сергей. У меня почему-то не работает кнопка фэйсбука, сегодня только обнаружила, раньше публиковала статьи и все было нормально,, а сейчас сама кнопка не перебрасывает меня в фэйсбук, в чем может быть проблема?
    когда я пишу новую статью, я естественно отправляю ее по социальным сетям, а на фэйсбук не могу отправить … как такое может быть — одни кнопки работаю — другие нет.
    Есть еще кнопка в контакте, там автоматически можно отправить сообщения в твиттер и фэйсбук, но если отправлять через кнопку в контакте, то в фэйсбуке почему-то нет ссылки на статью, странно…, а есть только ссылка на мой vk

    1. @Татьяна, не работает ваша кнопка Фэйсбука…
      Вопросы наверное к разработчикам плагина или скрипта кнопок. Мои соц сети работают.
      Отправляйте вручную пока, возможно и восстановится

  12. Здравствуйте Сергей. Я у многих на сайтах вижу такую кнопку для социальных сетей, на ней написано — закладки- наводишь мышку и открывается такой маленький перечень всех социальных сетей сразу, я выбираю любую социальную сеть и отправляю ссылку. Вот было бы здорово поставить такую кнопочку. Я уже замучилась с этими кнопками социальными, и запуталась… Помогите и подскажите пожалуйста, что за плагин есть для одной такой кнопки — и все проблемы решены.

    1. @Татьяна, у меня стояла «Одна кнопка» — это плагин ok2 про него здесь
      Сейчас я поставил тоже «Одну кнопку от Яндекса» (нажмите на поделиться) — это не плагин, это кодом, про нее здесь

  13. Добрый вечер Сергей. А скажите пожалуйста, может вы знаете, что за плагин такой есть — благодарность за первый комментарий, а может и не только за первый и все эти благодарности разные у всех… Можете поделиться опытом, как такую радость соорудить на сайте, желательно что-то доброе, позтивное, чтобы не сухая благодарность была. Как это сделать?

    1. @Татьяна, есть плагин — отправляет письмо после комментария.
      Есть плагин — отправляет на страницу благодарности после первого комментария.
      Есть и Ваш вариант — благодарность посетителю после НЕ только первого визита.., — позитивное, доброе — это admin..!
      Администратор сайта отправляет по почте или в ответном комментарии каждому посетителю живой, жизнерадостный ответ на любую тематику!
      прелестно..!

      1. Спасибо большое Сергей, разъяснили. А вы можете мне эти плагины дать — после первого комментария, и не только… и вот такого улыбающегося гномика с отличным постом (мне очень понравилось, я думаю приятно такой позитивчик будет получить человеку за коммент). И где и как выбрать такой позитив для постов.

        1. @Татьяна, плагин письма Спасибо
          Плагин, посылающий на страницу Спасибо — не помню, не применял — не найдете сами — поищу,где-то был.
          Позитивчик в виде гномика — все в картинках Гугл и Яндекс — анимашки. Поставить картинку в коммент — «редактировать» — «img» — URL картинки.

  14. Только сейчас проверила свои кнопки — Общайтесь со мной: В фейсбук и в твиттер сопровождают правильно. А вот в контакт — пишет — страница не найдена. Проверила, данные правильные и попробовала оба варианта, (example: id25345524 or garmash_nikolay) и оба — ошибка 404, не найдена страница. А в Мой Мир еще лучше — переводит на страницу однофамильца — Сергей Берлин, видимо начала емайл адреса у нас одинаковые, только у него может быть майл.ру, а у меня лист.ру. Что делать, как исправить?

    1. @Светлана, вКонтакте только id25345524.
      Если не срабатывает и Мой Мир одинаковый — возможно не работает плагин — переустановите.
      Или сделайте кнопки «познакомиться» руками — в картинки поставите полную ссылку на свои соц. сети

      1. @admin, Сергей, БлагоДарю Вас! Я была невнимательна и в контакте указала полную ссылку со строки браузера, исправила и теперь кнопка работает. А вот кнопку Мой Мир придется удалить, кнопка работает, но перекидывает на однофамильца, надо же — одинаковый логин, только у него на майл.ру, а у меня на лист.ру, и видимо поэтому перекидывает на него. Хотела написать в Мой Мир письмо с вопросом, да не нашла где писать.Хотя думаю можно обойтись без этой кнопки так же, как и без одноклассников, главное, что через закладки могу в однокласснки отправить.

        1. Посмотрела в плагине и не вижу там возможности сделать шрифт побольше, он мелкий, наверное это зависит от шаблона.
          Понравилась статья? Расскажите друзьям. И — Общайтесь со мной: Или все таки можно сделать более крупный шрифт, такой же как и другой текст.
          Сергей, а как вы в первом сообщении сделали зеленый текст? Вы его написали сначала в редакторе и сделали зеленым, а потом перенесли в комментарии?
          А как картинку сюда вставили?

          1. @Светлана, во-первых совет: разбивайте свой комментарий на абзацы (я поправил — последний), а то сплошной текст (посмотрите еще выше) — сложно читать
            Текст на кнопках — нормальный у вас. Зависит от шаблона, можно изменить, но это уже html и css — сами не сделаете, а объяснять по почте — это не дело… Оставьте как есть — потом смените шаблон или кнопки другие
            И давайте так — запишите все свои вопросы на бумагу, наберете штук 20 — поговорим в ЧАТЕ — и текст зеленый сделаем и картинку прилепим

  15. Здравствуйте Сергей. Хочу обратиться к вам за помощью У меня перестала почему то работать одна кнопка социальный сетей _т.е. одна кнопочка стояла с выпадающими соцсетями), я уже и деактивировала этот плагин, и опять активировала — мертво — ничего нет. Что нужно сделать, что она опять заработала — ума не приложу.. Помогите плиз, что нужно сделать.

    1. @Татьяна, плагин ОК2 ? Одна кнопка
      Сейчас он у вас работает.
      Бывает, что он иногда пропадает — это его вина — потом появляется

      1. где он сейчас работает, нет у меня этой кнопки после статей, я ее не вижу.

          1. @Татьяна, и я про него же говорю.
            Я у вас его вижу — или плагин не работает в вашем направлении, регионе, у провайдера не проходит или почистите историю браузера и куки

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

    У меня сейчас проблема с соцсетями один гугл только и функционирует. дна кнопка(она мне так нравилась) не работает, а этот код от PLUSO не знаю куда вставлять.

    Научите меня пожалуйста куда этот самый код нужно вставить.

        1. Сережа, я знаете куда код вставила — вот сюда (loop-page.php), можно был вседа код вставлять? -вроде все работает. гляньте пожалуйста на мой сайт. Боюсь, чтобы все хорошо было, решила перестраховаться и написать вам.

          1. И можете мне еще написать когда посмотрите мой сайт, где сейчас находиться эта самая одна кнопка, я ее по-прежнему не вижу. Наверно мне нужно ее дективировать, да?

          2. @Татьяна, loop-page.php — циклическая страница — у меня нет такого в шаблонах — не знаю…
            Кнопки появились — нормально.
            ОднаКнопка — работает — стоит под кнопкой Гугл+
            Можно удалить — зачем повторяться

            1. Спасибо большое Сережа за помощь. Только вот еще проблемка. Эти кнопочки, код которых я установила на циклической странице(как вы ее называете), не отображаются на страницах у меня. Т.е. в рубриках на страницах отображаются, а на страницах в шапке сайта (страницы — год 2013, гадания онлайн, WELCOME и т.д. — не отображаются. Если честно мне уже плохо, ОДНУ КНОПКУ я по прежнему не вижу, а эти новые кнопки не везде отображаются…. А мне ведь нужно, чтобы они везде были. и чтобы я могла ими пользоваться, чтобы отправлять статьи в соцсети. Посоветуйте что мне сделать.
              А на странице singl.php я не нашла куда вставить код, видео ваше смотрела и статью изучила и не нашла…

              1. @Татьяна, для страниц код (page.php)
                Не нашли в singl.php — нужно было «методом тыка» — как я в видео показывал

                1. Да я и методом тыка и нетыка пробовала на поддомене, и сейчас там сижу, и то совсем высоко получаются кнопки, то аж под комментариями…

                    1. Может мне вообще какие другие кнопки поставить плагином, чтобы везде все было… дайте добрый совет, Сергей.

                    2. Плагин может и есть еще — я не интересовался…
                      А где их нет — на страницах?
                      Страниц мало — можно в код статьи руками поставить

                    3. Думаю, так и сделаю. Столько времени иногда уходит на технические вопросы, жуть, а времени так жалко и хочется столько сделать и успеть.
                      Спасибо большое Сережа за ваше терпение, у меня еще вопросы есть, только сегодня я уже устала, завтра учусь — времени не будет, во вторник напишу.
                      Еще раз большое спасибо.

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

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