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


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

Данный пост является продолжением цикла постов «Социальные кнопки«. Как я и обещал в предыдущем видеоуроке «Кнопка twitter – Как добавить кнопку twitter на свой сайт» речь пойдет про социальные кнопки, которые очень сильно могут привлечь к вашему посту большое количество посетителей с социальных сетей и сервисов, естественно при условии высокого качества самого поста.

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

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

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

Социальные кнопки share42.com

Cоциальные кнопки Share42 или Как установить кнопки социальных сетей на wordpress
Демо можно посмотреть с левой стороны страницы данного поста.

Основные преимущества социальных кнопок закладок и сетей от Share42.com

  • Единый стиль иконок.
  • Выбор размера иконок: 32х32, 24х24, 16х16
  • Оптимизированный код скрипта, кэшируется браузером, код скрипта устанавливается на ваш блог и не зависит от сторонних сайтов. Данный метод позволит избежать потери в скорости загрузки блога.
  • Простая установка на ваш блог.
  • Все ссылки формируются с помощью JavaScript и поэтому на блоге не увеличится количество внешних ссылок.
  • Оптимальный HTML-код. В шаблон блога вставляется всего одна строка кода, а весь код формируется с помощью JavaScript.
  • Скрипт работает на любых CMS и платформах.
  • Набор иконок группируется в одну картинку (спрайт), что так же снижает количество обращений к серверу.
  • Большой выбор социальных сервисов (45 кнопки).
  • Возможность использования css стилей для иконок.

Как установить кнопки социальных сетей на wordpress мы рассмотрим в видеуроке
на примере социальных кнопок от Share42.com

ВидеоурокДля открытия - нажмите


Необходимые данныеДля открытия - нажмите

  1. В первую очередь заходим на сервис share42.com и настраиваем нужные вам кнопки и параметры для их вывода.
  2. Скачиваем на свой компьютер сформированный архив.
  3. Закидываем папку из скаченного архива на хостинг в корень блога.
  4. Вставляем в шаблон полной новости блога single.php следующий код:

Не забудьте вместо http://site.ru вставить ссылку до папки share42 на вашем блоге.

Почти закончили. Зайдите в любую из ваших статей и смотрите – если кнопки появились, значит мы на правильном пути. Для того, чтобы красиво оформить социальные кнопки и сделать их плавающими, надо добавить в style.css вот такое свойство:

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

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

Другие сервисы по добавлению социальных кнопок

«Одна кнопка»

Cоциальные кнопки Share42 или Как установить кнопки социальных сетей на wordpress

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

Блок «Поделиться»

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

Блок «Поделиться» от Яндекс — сервис по добавлению кнопки с выпадающим списком социальных сетей. В список вошли восемь самых популярных соцсетей: Вконтакте, Одноклассники, Я.ру, МойМир, Facebook, Livejournal, Friendfeed,Twitter . Положительную сторону данного блока могут почувствовать пользователи Яндекс.Метрика т.к. все ссылки поставленные через Блок «Поделиться» можно отследить в данном сервисе.

Addthis

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

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


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

57 раз(а) написали о “Как установить кнопки социальных сетей на wordpress

  1. Я считаю что хватит и двух кнопок гугла и твиттера

    Ответить
    • Это вы зря. Это прекрасный способ социальной раскрутки. И ставить надо как минимум все основные кнопки социальных сетей.

      Ответить
  2. Здравствуйте! Второй день бьюсь, но у меня ничего не получается. Вроде все делаю по вашей инструкции пошагово, но…:( Просто ничего не появляется на сайте, никаких кнопок и все тут 🙁
    Правда, в share42. у меня получилось не две строчки кода, как у Вас, а три. Я и две вставляла и все три, все равно не получается.

    Ответить
    • Здравствуйте, Юрий! Не совсем понял где вы видели у меня в примере 2 строчки кода? Код который вставляется в пост 3-х строчный. Проверьте правильность пути до папки с файлами. Надо следовать инструкции и все должно у вас заработать.(только что перепроверил). Попробуйте обновить КЭШ.

      Ответить
  3. Спасибо автору за такую замечательную статью! Она мне очень помогла.

    Ответить
  4. У меня на блоге установлен стандартный шаблон. Под статью ну никак не могу вставить кнопки, как не пытался…
    Получилось только поставить кнопку над статье!)

    Ответить
    • В стандартных шаблонах в одном шаблоне статьи разделяются на форматы постов надо править content.php и в остальных форматах. А в другом шаблоне правится loop-single.php

      Ответить
  5. Игорь, виноват! Делал неправильно, переделываю.

    Ответить
  6. Здравствуйте, Игорь! Отличная статья и самое главное полезная, но я никак не могу установить себе на блог эти кнопочки. У меня установлен не стандартный, во всех планах, шаблон вордпресс, зовут его Mystique. Мне чайнику очень тяжело с ним общаться. Помогите… 😆

    Ответить
    • Максим, надо внимательно следовать инструкции рассказанной в видеоуроке. Проверял и на вашей теме все работает. Код кнопок надо вставлять в single.php не забыть прописать нужные стили и желательно обновить КЭШ. И все у вас максим заработает.

      Ответить
      • Игорь, большое спасибо Вам. Все получилось!!! Хотел спросить, у Вас в начале сайта очень красивые иконки, соц. сетей, не подскажите где такие можно взять?

        Ответить
        • Максим, любые иконки можно найти в интернете их там полно. Данные иконки которые вам нужны можно взять например здесь.

          Ответить
  7. Переделал, все работает на отлично! Спасибо!

    Ответить
    • Я рад за Вас, Юрий, что у Вас все получилось.

      Ответить
  8. Игорь, добрый день. На моем сайте появляется панель, даже кнопочки работают, но нет иконок. В чем может быть проблема?

    Ответить
    • На это может быть 2 причины. Первая вы не закачали себе на хостинг файл с иконками. Второе вы не правильно указали путь до этого файла в коде.

      Ответить
  9. В основном, такая богатая функциональность не шибко нужна. Обычно хватает твиттера, гугл +1, вконтакте мне нравится и ай лайк ит в фейсбуке. Остальное не очень популярно.

    Ответить
    • Каждому свое. Самое главное, что каждый может настроить эти кнопки по своему вкусу.

      Ответить
  10. У меня что то не получилось,все сделал точно так-же как на видео.

    Ответить
    • Следуйте внимательнее инструкцие

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

    Ответить
  12. Товарищи подскажите в чем может быть проблема, если
    кнопка ГУГЛ +1 не работает. Пользую плагин Share Buttons,
    подскажите можно ли исправить код кнопки в самом теле
    плагина?

    Ответить
    • Данным плагином не пользовался подсказать не могу. Но совет дам, пользуйтесь социальными кнопками share42.com они и работают, и гибконастраиваемые и блог не тормазят.

      Ответить
  13. Спасибо за полезную информацию

    Ответить
  14. Игорь, большое спасибо! Я в вордпрессе не очень, но с помощью вашей статьи, я установил себе соц. Все работает!

    Ответить
    • Александр, всегда пожалуйста!

      Ответить
  15. У меня ,также, справа в меню, виджетом добавлен вертикальный блок адсенса «Easy AdSense Lite». Сбоку есть место, как туда рядом запихать вертикальный блок кнопок? 😈

    Ответить
    • Если вы хотите добавить, через виджет — то вам надо установить плагин WP PHP widget в этот виджет уже можно будет вставлять коды.

      Ответить
  16. Спасибо Игорь очень полезная статья!! 😛 😛 😛

    Ответить
  17. Спасибо мне эта статья помогла.

    Ответить
  18. Здравствуйте, устанавил эти кнопки, но почему то вышел белый квадрат, внутри есть ссылки на блоги, но иконок нет, не знаю где подправить код..прикрепил пару скриншотов http://SSMaker.Ru/addcfea9/
    http://SSMaker.Ru/4b597a99/

    Ответить
  19. Большое спасибо автору!Я новичек, очень помогло, все поставил, работает! 🙂

    Ответить
  20. share42.com самая вещь ! Пользуюсь на своём блоге и хлопаю в ладоши от счастья

    Ответить
  21. подскажи где поправить код,на мазиле бока.Белый экран а потом ниже отображения поста

    Ответить
    • А в инет. эксплоуре вообще не отображается

      Ответить
  22. Здравствуйте, Игорь! У меня такой вопрос: на нашем сайте на главной странице к каждой записи появились кнопки «поделиться в соц.сетях» (очень некрасиво), до этого они были только в самих статьях. Как это появилось я не знаю… Создатель нашего сайта «пропал», и обратиться мне не к кому, а я занималась только наполнением сайта (и вообще в этом деле новичок). Как можно убрать эти кнопки с главной? и оставить только в записях?

    Ответить
    • Я посмотрел ваш сайт и не увидел там соц. кнопок на главной странице. 😈

      Ответить
  23. У меня установлен плагин Share Buttons. Все бы ничего, но не работает Like Faceboock. В настройках написано:

    Пожалуйста, зарегистрируйте свой API ID для использования кнопки от Facebook и живого примера, иначе кнопка работать не будет.

    Пишу API ID, перехожу по ссылке для регистрации и …..дальше «торможу», не зная, что делать. Если вы сталкивались с таким вопросом, помогите мне, пожалуйста. Конечно, вы можете сказать, что установи кнопки, как написано в статье, а эти убери, так вот тут возникнет новая проблема, потому, что я такой «спец», что в корневом каталоге могу такого «накрутить», что ой-ё-ёй.

    Ответить
    • Я с данным плагином не работал, поэтому не могу подсказать. Можете поискать другой плагин дабы их уйма. Но я советовал бы вам обойтись без плагина как описано в посте. Данный способ совсем не сложен.

      Ответить
  24. Большое спасибо за видеоуроки! Всё сделала по ним — получилось, работает, очень красиво. Очень благодарна вам за детальное объяснение!

    Ответить
  25. Большое спасибо за статью. Интересует как добавить иконки «Мы в социальных сетях» как у вас на сайте между шапкой и статьей?

    Ответить
    • Это просто иконки с ссылками вставленные вручную в шаблон.

      Ответить
  26. хотела по вашему видео установить кнопки шаре 42, но это сделать совершенно невозможно, потому, что рассказано совсем непонятно.

    Ответить
    • Если не понятно по видео читайте тогда пост.

      Ответить
    • На самом сервисе все предельно ясно. идете и делаете себе кнопки какие захотите 😉

      Ответить
  27. Игорь, а вы не знаете как установить на главной в постах соц.кнопки?

    Ответить
    • Код надо вставлять в файл отвечающий за вывод постов на главную, как правило в простых шаблонах это index.php .

      Ответить
  28. На вкус и цвет как говорится.. Но я пользуюсь сервисом от Яши

    Ответить
  29. Здравствуйте!
    Мой сайт на движке WordPress.
    Разместил кнопки как на странице каждого поста, так и в ленте новостей под каждым постом (вставил код в single.php и index.php).
    Но. Зачастую люди просматривают ленту новостей не заходя на отдельную страницу поста, и кликают на кнопки соцсетей прямо с ленты новостей. И я неожиданно обнаружил, что с ленты новостей при клике на кнопки всегда вставляется один и тот же адрес — адрес Главной страницы, а не адрес цитируемого поста.
    Пожалуйста, подскажите, как сделать так, чтобы при нажатии с ленты новостей цитировалась ссылка поста, а не Главной страницы сайта?
    Это действительно очень важно для блога, особенно если посты лаконичные, и пользователь просто не заходит на страницу поста.

    Спасибо!

    Ответить
    • Здравствуйте!
      Я встречал только модули(виджеты) у которых такой принцип работы, который вы описали. Они берут ссылку из браузера той страницы на который вы находитесь в данный момент. Других способов я к сожалению не встречал.

      Ответить
      • Описанный мной функционал реализован, например, в Живом Журнале. Технически, как я понимаю, реализовать это очень просто. Но нужны более глубокие знания php, MySQL, которых у меня, к сожалению, нет.

        Ответить
  30. Спасибо, с помощью Вашей статьи, все получилось. До этого стояли кнопки посредством плагина, но как мне казалось, они слишком грузили блог. С вариантом кнопок share42 все ок!)

    Ответить
  31. Спасибо, воспользуюсь информацией, а пока кнопки выводит плагин, но пора видимо исправляться.

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

    Ответить

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

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

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