Урок 34. Как установить кнопки социальных сетей. Пять способов

Последнее изменение поста: Апрель 16, 2017

Получайте свежие статьи на свою почту

Поделиться статьей с друзьями


100 Comments

  1. Полезная статейка, нужно воспользоваться информацией по установке соц. кнопок.

    Игорь
  2. Подскажите пожалуйста начинающему.Вы можете зарегистрировать ваш “api_id”.Где его взять api id?что вставлять в это поле?

    Ринат
    • Ринат, я не пробовал вконтакте получать api ad, но Вы можете почитать на этой странице http://vk.com/page-1_2369267.

  3. да не обязательно в контакте.фейсбуке например.где вот его взять ?поясните колхознику)))

    Ринат
    • Ринат, слово колхозник здесь неуместно. Большинство людей не знает, что такое api_id. API_ID – это личный идентификатор, который присваивется автоматически. В каждой социальной сети он разный. В этом уроке я писал, как можно получить на Facebooк, а в других соцсетях я не пробовал получать свой идентификатор, поэтому и не знаю, но это ведь не проблема узнать.

    • api id получается просто.
      вам в настройках плагина написали:
      Facebook API ID: Вы можете зарегистрировать ваш “api_id”, если перейдете по этой ссылке
      вот и переходите по ссылке. Там вам предлагают создать приложение. создаете приложение. указываете имя сайта, полный адрес с хттп. нажимаете создать приложение. оно создается и ему присваивается это api id. копируете его и вставляете в настройки плагина. все.
      также с контактом.

      Ольга
      • Вот когда у тебя уже станица создана и есть профиль все проблемы и начинаются! Вы говорите пройти по ссылке и зарегестрироваться. Да не нужно уже регистрироваться? Зачем второй профитль то создавать чтоб тебе айди присвоили. тут ворпрос КАК узнат ькакой у тебя айди!!! А это в фэйсбуке например тяжелее всего. Могут быть проблемы и с узнаванием айди на других сервисах и соц.сетях.

        • Зачем профиль создавать? Не надо новый профиль, от своего профиля приложение создается,ему присваивается новый id.

          Ольга
        • Как я поняла, api id – это идентификатор любого объекта, а не только профиля. Зоходите от своего профиля в фб, нажимаете создать новое приложение. Всплывает окно создания нового приложения. Вводите имя приложения (любое), потом появляется окно настройки. Там нужно ввести App Domains, то есть домены и поддомены – *.имя сайта.ru . Указываете галочку Website with Facebook Login и урл вашего сайта. Там везде есть подсказки, что значит каждое поле. сохраняете. Тут же видно api id сверху и ключ. ключ не знаю, для чего. api id вставляете в свой плагин. Также и вконтакте.
          Адрес страницы, где приложения https://developers.facebook.com/, там сверху ссылка Приложения.

          Ольга
          • НУ, получила Ай-Ди в фейсбуке, вставила в плагин.. и что? я думала каким-то образом появится “коробка” с фотками всех друзей.. Ничсего не изменилось.. ЧТо делать? 🙂

            • ) Я не очень поняла, какую коробку с фотками вы хотите увидеть. Это кнопка вконтакте обычно сопровождается коробкой с фотками тех, кто поставил лайк. У кнопки фейсбук есть флажок показывать фото, тогда снизу кнопки будут выводиться миниатюрные фото тех, кто на нее нажал, но если они онлайн как я поняла. Это все в лайк настройках плагина.
              Вообще, плагин Share Buttons по моему мнению работает криво и нуждается в доработке. Но счетчики работают нормально. Можете на моем сайте глянуть, нажав на имя.

              Ольга
              • Имею в виду в сайд-баре обычно прямоугольной формы окно, где имя пирложения в фейсбуке (обычно имя сайта) и список его друзей с фото, также обычно указано количество друзей 🙂 И у контакта такое есть. Но там вообще я запуталась, пройдя по ссылке, никакого приложения не создала и ай-ди не получила, не поняла где его создавать. Или там , может, по-другому называется, не “приложение”?? подскажите, ПЛЗ! Моему новорожденному good4food.com сроччно нужны друзья!! :)Как чебурашке..:)

            • Если вы про коробку с фотками, то плагин Share Buttons ее не делает. Он только кнопки поделиться добавляет и кнопки нравится. Чтобы кнопки появились на странице, в настройке плагина надо указать где их показывать, например, под каждой записью.

              Ольга
              • Дык кнопки давно уже сделала, коробку хачу!! *CRAZY* Кто ее делает тогда подскажите?? %)

              • И кстати, зачем ай-ди для кнопок, вроде и так все работает?

              • я не смотрела как фейсбуке это делать. но вот в контакте можно посмотреть тут http://vk.com/developers.php?id=-1_27987570&s=1. Видимо вам нужен виджет авторизации, где показываются ваши друзья, заходившие на сайт. выбираете нужный виджет, код для вставки там же.

                Ольга
  4. Полезная статья, попробую Social Share Buttons for WordPress.

  5. Сергей, все правильно я написал в robots.txt.

  6. Юрий, у меня установлен второй плагин, там нет одноклассников. Чтобы они появились нужно установить третий плагин, а второй удалить? Или можно как нибудь добавить?

    Мария
    • Да, Мария, удалите второй и установите третий.

  7. Реально полезные плагины и хорошие качественные описания в статье. Поставил себе вот этот Social Share Buttons.
    Благодарю! 🙂

    Дмитрий
  8. Добрый день!Установила кнопки соцсетей, но возникла проблема. Когда хочешь поделиться статьей в Facebook, то выходит не адрес странички Facebook, а вот такая запись:
    Google
    http://www.google.ru/
    Поиск информации в интернете: веб страницы, картинки, видео и многое другое.
    1 из 1.Выберите уменьшенное изображение
    Без иллюстрации — это Вы рекламку делаете?.
    Не могу понять почему? В Facebook я зарегистрирована, указала свой блог, ссылка правильно ведет на главную страницу. Пробовала менять тему, все равно ошибка остается…Подскажите пожалуйста, в чем может быть причина..

    Лариса
    • Лариса, здравствуйте! Нет, я не далаю ракламу. Напишите с помощью какого плагина Вы устанавливали кнопки соц. сетей? Если Вы устанавливали соц. кнопки с помощью сервиса Addthis, то все должно работать. У меня кнопки установлены с помощью этого сервиса.

  9. Добрый день!
    Очень полезная статья.
    Вопрос: установила плагин Social Share Buttons. Теперь, при переходе на главную страницу у меня после секундной задержки появляется пустое окно с одной кнопкой вконтакте в левом верхнем углу.
    Что это может быть?

    Ulya
  10. Здравствуйте! Очень странно, что у Вас этот плагин глючит. При написании статьи я тестировал этот плагин и он работл хорошо.Попробуйте установить другой плагин.

  11. Здравствуйте! Установила плагин “Social Share Butt”, активировала – а дальше не поняла что делать,К ак настраивать. Вы пишете дальше “…Перейдите в левой колонке, в самом низу «Share Buttons» > «Главные настройки«. Если хотите, можете вставить Ваш логотип….! Где это надо найти?.. Извините уж. Не пойму. Открыла сайт – все кнопки вывалились на главной, под каждой статьей, без всяких настроек, сразу после активации. Но мне так не нужно! Я бы хотела, Чтоб они были на второй странице, при открытии полного рецепта (сайт кулинарный).. Спасбио за помощь.

    • Зоя, в админпанели, в левой колонке, внизу, щелкните “Share Buttons” -> “Главные настройки”. Вы перейдете в главные настройки. Чтобы вставить свой логотип, нужно кликнуть по кнопке “Обзор” и выбрать на Вашем компьютере логотип. Теперь опуститесь ниже и найдите настройки “Где показывать кнопки”. Нашли? Теперь уберите галочку, где написано “На главную”. Теперь в самом низу щелкните “Сохранить изменения”. Все! Если и сейчас Вы не сможете настроить, то это я могу сделать за Вас.

      • НЕ получив от Вас мгновенный ответ :), решила продолжать рыться и нашла это дело сама (но все равно слова “перейдите в левой колонке” считаю не совсем понятным объяснением:)) Теперь непонятно следующее: как сделать чтобы кнопки и лайки были внизу, после рецепта, а не кнопки сразу же, потом текст, а затем лайки. Можете подсказать? спасибо.

        • Я долго Вам не писал, потому что думал совсем о другом плагине. Только потом заметил, что Вас совсем другой плагин интересует. 🙂 Сейчас разберусь, как сделать кнопки внизу. Ждите, я напишу скоро.

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

          • ТАк я ж не знаю, какой меня плагин интересует, Вот в чем беда!! 🙂 Вот везде одна проблема: меня интересуют социальніе кнопки, и чтоб фоточки біли видні, – друзья сайта , и что там еще можно сделать. А какой єто плагин делает – я не знаю. Захожу вот на ваш сайт, читаю – и не понимаю, что мне нужно.. То.. Или это… Или вот это.. Или вообще без плагина… Непонятно в принципе, к сожалению. НУ почему все так непонятно объясняют??
            Почему бы не написать: это можно сделать с помощью таких-то плагинов. НО их отличия следующие…
            Выбрала наугад просто, а ведь это неправильно.. Кнопки вниз опустила, теперь думаю как дальше их настроить, ID пока не зарегистрировала…

          • Этот ID – не совсем понятно, нужно как бы зарегистрировать свой сайт на фейсбуке? или же прицепить сайт к моему имеющемуся уже аккаунту на фейсбуке, личному? И вконтакте такой же вопрос

      • А у меня как раз проблема УДАЛИТЬ загруженный логотип из плагина Social Share Buttons. Это очень неудобно оказалось.Нигде не могу найти ответа на этот вопрос(. Не подскажете, как справиться с этим?

        Лариса
        • Для удаления логотипа, нужно редактировать файл плагина. Вы нигде не найдете информацию по этому случаю, потому что это легко сделать самому.

          • Да, разобралась уже сама. Удалила через ftp

            Лариса
            • Все правильно сделали.

  12. вот лучше ответьте мне. В Share Buttons → Главные настройки есть такая вещь, как загрузка логотипа сайта. У меня не загружается изображение, а выскакивает ошибка Error in Upload, check settings and path info in source code.
    Что это? и как исправить? у кого загрузился логотип?

    Ольга
  13. Всё таки какой из способов лучше использовать? Какой из представленных способов меньше грузит сайт?

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

      • А с чем связан выбор именно этого сервиса?

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

  14. Начну по порядку: Share Buttons – установил плагин, так и не смог узнать api, в Фейсбуке ещё куда-то перекидывает на создание приложения, но всё равно что и ка там непонятно, а в ВК вообще просто на мои приложения перекидывает и всё. Теперь про www.addthis.com – нет нужных мне социальных сетей, как их вообще там выбрать то??? Есть просто выбор как будут выглядеть и всё, а какие социалки там будут – нет. Вот addthis показался хорошим, но так и не разобрался в нём.

    Евгений
    • Для share buttons как сделать api id в контакте. Заходите http://vk.com/developers.php, кнопка создать приложение, вводите название, выбираете тип “веб-сайт”, вводите адрес и домен. Нажимаете подключить сайт. Дальше по идее вам код на телефон вышлют, ну и потом api id дадут, и будет вам счастье.

      Ольга
  15. Сам лично использую плагин Social Share Buttons. Вообще превосходно себя показал!

    Дамир
  16. Плагин работал хорошо, но в последнее время кнопки, кроме ВКонтакте выдают 404 ошибку. Подскажите в чем может быть проблема??

  17. плагин Shere Buttons.

    • Александр, даже не знаю, почему показывает 404 ошибку. Возможно плагин не обнавлен под новую версию WP.

  18. Спасибо, очень толково! И поддержка на уровне, что редко встречается.

    Дмитрий
  19. Спасибо большое за пост!)Но не могли бы вы сказать,как с помощью сайта http://www.addthis.com ,добавили кнопочку ВК,ведь её нету там в списках?

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

    Любовь
    • Воспользуйтесь тогда сервисом для соц. кнопок

  21. Уже все возможные плагины перепробовала!

    Любовь
  22. С этими социальными кнопками все понятно. Но как установить на главную страницу кнопку для общения – мол ищите нас в соц сетях – и список кнопок.

  23. Очень полезная статья.
    Хочу себе на сайт поставить соцкнопки AddThis вертикально, подскажите пожалуйста куда мне установить код?

    • Александра, все шаблоны разные, поэтому ставить код надо методом тыка, если не разбираетесь в PHP. Да и откуда мне знать, в каком месте шаблона, Вы хотите их установить

  24. Добрый вечер!!! Подскажите пожалуйста, почему в общем счетчике addthis (share) когда не авторизирован растут цифры, при нажатии на любую сеть?

    Roman
  25. Поставил плагин. Да вот беда. Например когда нажимаю кнопку твиттера не чего не происходит. Как исправить?

    23Yuriys
    • Было бы неплохо, если бы я знал, какой плагин вы установили. Я ведь описал не один плагин.

  26. Добрый день.
    Установила на сайт Social Share Buttons, но есть небольшая проблема – у меня иконки соцсетей стилем изображений оборачиваются в рамки. Где-нибудь это можно отредактировать?

  27. И еще один вопрос. Можно как-то отодвинуть его от статьи? Он вплотную под текстом прилегает, а хотелось бы пикселей 15 отступ сделать.

  28. а здесь комментарии проверяются?

    Настя
    • Да, конечно проверяются. Какой у вас вопрос, Настя?

  29. Ну вот, собственно, два вопроса выше ))
    Добрый день.
    Установила на сайт Social Share Buttons, но есть небольшая проблема — у меня иконки соцсетей стилем изображений оборачиваются в рамки. Где-нибудь это можно отредактировать?
    Настя:
    31/03/2013 в 22:53

    И еще один вопрос. Можно как-то отодвинуть его от статьи? Он вплотную под текстом прилегает, а хотелось бы пикселей 15 отступ сделать.

    PS В строке сайт я указала адрес сайте, где кнопки заворачиваются в рамку, если интересно – можете посмотреть.

  30. Юрий, здравствуйте! Спасибо за открытость и доброжелательность по отношению к своим читателям. Подскажите, пожалуйста: 1) каким способом лучше вставить кнопки соц. сетей в сайд бар и как сделать, чтобы они располагались там вертикально? 2) Как разместить кнопочки так же как у Вас в шапке блога? 3) является ли критичным, что версия ВП давно не обновлялась?
    Спасибо.

    Сергей
    • Здравствуйте, Сергей!
      Wordpress лучше обновляйте всегда, потому что в новых версиях лучше защита, да и больше функция.
      Кнопки соц. сетей можно вставить в сайдбар вертикально. Зайдите на этот сайт: pluso.ru Возможно там есть вариант вертикальных кнопок. Если же вертикальных кнопок нет, тогда я дам вам другой сайт, где можно установить вертикальные кнопки.

  31. Вот єто мой код Single.php. Подскажите куда вставлять код, чтобы в конце статьи было. Спасибо.

    • Я вам так не могу сказать точно. Нужно пробовать вставлять в разных местах, пока не получите желаемый результат. Файл single.php в каждом шаблоне написан по-разному. У меня код стоит в самом конце файла single.php Попробуйте и вы установить в самом конце файла. Только не забывайте делать резервную копию файла, который будете редактировать.

  32. Добрый день. Скачала и активировала плагин WP Social Buttons. Не могу найти где Параметры у этого плагина, чтобы настройку сделать. Версия WP 3.5.1. Раньше это дело по настройке плагинов находилось в левой колонке, сейчас не могу найти… Подскажите, пожалуйста.

    Ольга
    • Странно! В уроке ведь понятно написано. Переходите “Параметры” -> “Socials Buttons”

  33. Привет! Установил плагин WP Social Buttons. Раньше им никогда не пользовался. Но он почему-то “криво” работает. Кнопки приглашения хорошо работают, а вот при нажатии Кнопок для добавления поста в социальные сервисы просто появляется страница Page Not Found. Не знаете почему? Может плохо “контачит” с каким-то другим плагином?

    Igor
    • Странно! Нет, я не знаю почему так происходит. Может и в самом деле конфликтует с другим плагином.

  34. Интересный урок. Спасибо.
    Я скачал Social Share Buttons for WordPress.2.7 и в этом плагине есть ссылка на др. сайты, а может он у меня выкрасть личную инф-ию?

    Евгений
    • Евгений, если вас смущают внешние ссылки в плагине, то просто удалите их.
      А что по-поводу кражи информации, то сомневаюсь, что это возможно

  35. Здравствуйте Юрий. Зашел по ссылке, подписался на рассылку,
    4 книги бесплатно
    Создайте свой профессиональный бизнес-блог

    пришло письмо на почту, кликаю на ссылку появляется окно с ошибкой Error (403)
    It seems you don’t belong here! You should probably sign in. Check out our Help Center and forums for help, or head back to home. Попадаю на какой то Dropbox
    Что есть это.

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

  36. Отличный плагин. Именно такой и искал. Спасибо – сейчас займусь его установкой на свой сайт.

    Максим
  37. Вот такие статьи надо добавлять в избранное! Постоянно популяризовать и продвигать. Знания таких людей двигают историю, делают интернет цивилизованнее и чище.
    Искренняя благодарность и ссылка на моём сайте на тебя, камрад, обещана.

    Салават
    • Спасибо вам, Салават, за такие слова! Очень приятно! За ссылку конечно же тоже спасибо!

  38. Пять способов. Думал все просто – взял и поставил плагин. Но не тут то было. Почитал вашу статью – более менее разобрался. Спасибо.

    Дима Рандеву
  39. Спасибо! Лично для меня статья оказалась очень нужной, так как Social Share Buttons “отказался работать” с “Подпиской на комментарии”, искал альтернативу и нашел здесь! Подписываюсь на ваш блог.

    • Рад, что статья помогла вам решить проблему!

  40. Пробовал и AddThis, Share42 и просто share-кнопки на прямую. Но у одних нужно скачивать кнопки (share42), у других постоянные ошибки в коде и “незагрузки” (pluso), у третьих мало настроек кастомизации иконок (addthis)…

    Как говорится: “кто ищет – тот всегда найдёт”, поэтому где-то месяц назад наткнулся на очень интересный конструктор кнопок goodShare и так на нём и остановился! Вот ссылка, кому интересно: share.cntrlmrktng.ru

    В нём нет всех тех недочётов, что я встречал в других подобных сервисах, так ещё и кастомизация на высоком уровне! Например, можно выбрать размер кнопок от 16 до 64 пикселей и удалить задний фон. Плюс ко всему – кроссброузерность и поддержка Internet Explorer 7+.

    ИМХО, goodShare – это лучший выбор на сегодняшний день. 😉

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

  41. Спасибо, Викки за ссылку на goodshare. Пользуюс теперь только этьми кнопками! 👿

    Горан
  42. Хорошая статья. Решение с вставкой социальных кнопок на блог каждый может выбрать то, которое подойдёт именно ему.

    Людмила
  43. После установки плагина Social Share Button кнопки встали вертикально, как то можно это изменить? В настройках я не нашла.Спасибо!

    Наталия
    • Только что попробовал установить этот плагин на другой блог, но кнопки устанавливаются только горизонтально. Пробуйте скачать плагин с wordpress.org. Не знаю, почему кнопки стали вертикально. Может шаблон не подходит, а может версия WordPress. Плагин с 2011 года не обновлялся. Советую кнопки установить через сервис по этой ссылке: share.cntrlmrktng.ru. Это лучший вариант

  44. На сегодняшний день это, к сожалению, уже допотопный плагин, не советую, на дату статьи посмотрите. Рекомендую ставить Quick Adsense, а он у вас должен быть, если вы блоговед 🙂 , а дальше уже ищите кнопки на просторах Интернета и вставляйте их код. Единственное что очень не рекомендую ставить Pluso – грузит конкретно сайт, сегодня поймал “за руку” этот скрипт. Яндекс кнопки хороши, но если у вас адаптивный дизайн, то скорее всего работать не будет – у меня нет, шаблон сам писал, на других не тестил, а так работают кнопки быстро очень. Ищу дальше вот.

    Ренат
  45. Я у себя на блоге поставила соцкнопки, но у меня какая-то непонятная заморочка с ними – если пытаюсь репостить вконтакте статью, то очень часто не подхватываются картинки из статьи для превьюшки или только часть из них берется.
    Стоят кнопки от яндекса и еще какие-то, но у обоих эта проблема (при чем по разному срабатывает на одной и той-же статье даже)
    Можете подсказать в чем может быть проблема?

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

  46. Спасибо за поделение. Скажите пожалуйста,какой тип приложения создать надо? У меня такая ошибка появился “Wrong app type” 😥

    Tit
  47. Здравствуйте, вписал в код шаблона “Блок социальных кнопок от Яндекса” на сайт http://bastille.com.ua но столкнулся с одной неприятностью – размером кнопок, подскажите как увеличить размер иконок социальных сетей?

    • Здравствуйте! Там вроде нельзя выбрать кнопки большего размера. Установите кнопки на свой сайт с помощью сервиса Uptulike, не пожалеете

  48. Здравствуйте ! Установила данный плагин, захожу на блог как админ, но кнопок не вижу. Может версия Вордпресса старая ? Не хотелось её менять
    💡

    • Здравствуйте! Статья была написана в начале 2012 года. Вполне возможно, что плагин и версия WP не совместимы.

  49. Здравствуйте!
    А сейчас слева круглые плавающие кнопки какие у вас установлены?
    Тоже хочу такие 😳

    Константин
  50. Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.

    • Отлично, Елена, значит я не зря старался писать эту статью

  51. Спасибо, все получилось.Не понимаю, в чём разница «Социальных закладок» от «Социальных кнопок»? Или просто каждый по разному их называет?

    Дмитрий

Яндекс.Метрика