3 способа установки кнопок соц.сетей!

Добрых суток, дорогие друзья! Сегодня мы поговорим об установке кнопок социальных сетей на блог WordPress. Я попробовала установить кнопки всеми тремя методами. Разберемся, зачем нам нужны  кнопки социальных сетей.

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

Его друзья увидят анонс и кто-то из них перейдет на ваш блог и тоже поделится понравившимся материалом, а еще  и постоянным читателем станет 😉 . И так до бесконечности! Не плохо, правда? Польза и необходимость таких кнопочек очевидна.

Итак быстрее устанавливаем их себе на блог.

Плагин Social Share Buttons

Способ подойдет новичкам, которые пока еще боятся вносить изменения  код. Сама начинала с использования этого плагина. Находим его в админке. Переходим в раздел «Плагины» → «Добавить новый». Выбираем нужный. Советую обратить внимание на рейтинг, чем больше звездочек, тем лучше. Нажимаем установить и затем активировать.

Теперь в боковой панели вы должны увидеть название этого плагина:

Приступаем к его настройке. Если наведете на его название курсор, то появится выпадающее меню: главные настройки, share настройки, like настройки. Сначала переходим в «главные настройки».

1. Подготовьте логотип для своего блога и загрузите его. Именно он будет отражаться рядом с анонсом в социальный сетях.

2. Текст перед социальными кнопками указываете на ваше усмотрение.3. Если у вас стоит плагин «SEO все в одном», рекомендую убрать галочку с пункта «Автоматическая генерация метаданных», так как плагин автоматически составляет описание блога из первых строк статьи.

4. Далее выбираете позиции кнопок и где их устанавливать. Выбираете, что вам больше нравится.

5. Можете указать ваш ник в твиттере, если у вас есть аккаунт. Не забудьте сохранить данные.

Переходим в Share настройки. Здесь тоже все просто:

1. Выбираете порядок социальных кнопок.

2. Вид социальных кнопок

3. Можете убрать какую-либо кнопку, если она вам не нужна

И остались Like настройки для сайтов «Мой мир» и «Одноклассники», «Фейсбук» и «Вконтакте».

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

С кнопкой для mail.ru все просто, выбираете нужный вам вид и все. А вот для Вконтакте и Фейсбука сначала надо получить API ID, для этого надо быть зарегистрированным в этих соц.сетях и создать приложение.

Для фейсбука требуется сначала привязать номер телефона к аккаунту. У меня не получилось привязать номер оператора МТС, не пришло смс подтверждение. Пришлось привязывать другой номер.  Для создания приложения переходите по ссылке:

У вас должно появиться такое окно:

Вводите латинскими буквами название приложения. Название придумываете любое, можно взять свое имя или фамилию. Во второй строчке прописываете то же самое, только с маленькой буквы. Галочку можно не ставить. Нажимаете продолжить.

Должна появиться следующая страница ( на скриншоте указаны мои данные, вы соответственно указываете свои).

В строке App domains указываете адрес вашего блога без http и еще раз в строке Site URL но уже в формате http://site.ru

Нажимаете сохранить. Теперь посмотрите в самый верх: под именем приложения есть строка API ID с номером. Этот номер нам и нужен. Указываете его в настройках плагина.

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

И затем выбрать справа вверху «Создать приложение»

Дальше заполняете так же, как в Facebook. Может понадобиться подтверждение по смс. Указываете Api Id, выбираете тип кнопки и сохраняете. Теперь можно идти проверять как работает плагин.

Недостатки плагина

1. Плагины делают загрузку блога более медленной, поэтому чем их меньше, тем лучше.

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

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

Сервис share.pluso.ru

C помощью данного сервиса тоже легко установить кнопки, но надо уже работать с кодом. Переходим на сайт и выбираем вид кнопочек. Кроме основных кнопок, есть возможность добавить дополнительные сервисы ( перетаскиванием в колонку «основные сервисы»)

Тут же на сайте вы увидите, как выглядит вариант, выбранный вами. Вам осталось скопировать код нажатием кнопки «копировать» и вставить его на блог:

Для этого идем в раздел «Внешний вид» → «Редактор». Чтобы вывести кнопки после каждой статьи, нужно вставить код в шаблон single.php-Одна запись.

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

Открываем шаблон и находим код: <?php the_content(‘Читать далее &raquo;’); ?> У вас он может выглядеть чуть по другому.

Именно после него вставляем код плагина. Можете сохранить и посмотреть, что получилось. Кнопочки разместили, можно добавить строку «Поделиться в соц.сетях» (текст придумываете сами).

Пишите выбранную вами фразу сразу перед кодом и можете заключить ее в тег заголовка, например, <h4>.
Простой и удобный способ, но если с сервисом что-то случится, придется устанавливать другим способом.

Сервис Uptolike

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

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

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

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

С уважением, Евгения Куварина

Понравилось? Расскажи друзьям!


Обсуждение: 38 комментариев
  1. Советолог:

    Устанавливала себе по первому способу) Он, конечно, блог пригружает, но заморачиваться не нужно особо))

  2. Юлия:

    Самый лучший способ, наверное, с помощью кода. Но у меня пока что стоят кнопки от share.pluso.ru. Как будет время, думаю, на код всё-таки поменять, так что вернусь. 😉

    • Евгения:

      Главное, чтобы они были, а уж способ каждый выбирает наиболее удобный для себя 🙂

  3. фиалка молчаливая:

    вот только недавно установила социальные кнопочки. я это делала с помощью кода.

    • Евгения:

      Мне особенно нравятся у вас кнопочки в форме чашек

  4. Рашида Гарифулина:

    Хорошая подробная статья, спасибо Евгения, каждый сможет выбрать тот вариант, который больше подходит

  5. Наталия Хоробрых:

    В плагине не рекомендуют ставить галочку там, где кнопки выводятся на главную — много исходящих ссылок с главной.
    А вы вот мне лучше подскажите, как УБРАТЬ логотип, а то я сдуру поставила, теперь у меня вместо оригинальных картинок, отображающих собержание статьи, всегда одна и та же картинка. А найти кнопку «удалить» не могу.

    • Евгения:

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

  6. Алла:

    Надо попробовать с помощью кода установить. Спасибо большое за подробный и понятный урок.

  7. Валерия:

    Спасибо за подробное разъяснение, надо и над этим поработать. Давно хочу такие кнопки поставить с помощью кода.

    • Евгения:

      рада быть полезной)

  8. Альберт:

    Можно попробовать с помощью кода.

  9. Елена Романова:

    Установила кнопочки пока по второму варианту.Понравились!

  10. Рашида Гарифулина:

    Евгения, статья заинтересовала, я кнопки Pluso установила, но Ваш вариант интересен тем, что можно самой выбрать изображение кнопки

  11. Наталья Самолюк:

    А мне понравились кнопки от сервиса share.pluso. Симпатичные и еще нравятся тем , что там есть кнопка liveinternet.

  12. Peopletravel:

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

  13. Antonio:

    Использовал примочку яндекса — легкая установка, все классно

  14. Данил:

    Мне больше всего нравиться сервис PLUSO. Работает отлично и в дизайн хорошо вписывается

  15. Alik:

    Спасибо. Очень легко, понятно и талантливо изложено. Занес в закладки.

  16. Сергей:

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

    • Евгения Куварина:

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

  17. Иван:

    Спасибо за статейку. Наконец-то я избавился от кривого плагина с кнопками соцсетей! Тем более, что чем меньше плагинов, тем лучше. Хорошо, что есть такие люди, как Вы, которые пишут блоги про настройку блогов. 🙂 А то самому доходить до всего так долго, и так написание статей занимает кучу времени, тем более , когда блог о путешествиях.

  18. Kozak:

    А что скажете по поводу блока кнопок Яндекса?

    • Евгения Куварина:

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

    • Kozak:

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

  19. Олег Колчаков:

    Спасибо автору! Какраз выбирал красивый и простой способ добавить кнопки! Сейчас попробую сервис pluso 🙂

  20. Елена:

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

  21. Елена Пирожкова:

    Доброго времени суток! Евгения, подскажите, пожалуйста, как Вы добавили к соцкнопкам текст? Я воспользовалась вариантом вставки через шорткод, а вот как добавить текст — нигде не найду… Заранее спасибо!

    • Евгения Куварина:

      Елена, а текст я просто сама написала над шорткодом. Можете открыть код страницы с помощью Ctrl+U и посмотреть и сделать нечто подобное.

    • Елена Пирожкова:

      Спасибо за совет! Буду пытаться, пока что-то не выходит…

    • Елена Пирожкова:

      Добрый день! Евгения, гляньте, пожалуйста, вот я написала такой код, вставила его в шаблон single.php^

      Буду очень признательна, если поделитесь с друзьями!

      Кнопки в записях отображаются, а текста нет. Подскажите, пожалуйста, что я сделала не так?

    • Евгения Куварина:

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

    • Елена Пирожкова:

      Да, Евгения, сегодня я его увидела… Только почему-то он идет после кнопок…

    • Евгения Куварина:

      Значит, код вставили после шорт кода

  22. Екатерина:

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

  23. Елена:

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

    • Екатерина:

      Обычно проблем с установкой кнопок соц. сетей не возникает. Инструкций по этому вопросу достаточно много.

Поделитесь своим мнением

 

Заберите Ваш Подарок!
Блог на ordPress

Дайджест инвестора

Об инвестициях и заработке в Интернете

email рассылки Конфиденциальность гарантирована
email рассылки
Подпишись на мой канал!
Подпишись на канал
Душевные подарки на любой праздник! Заказывайте!
Давайте дружить!
Принимаем Z-Payment
© 2016 Денежный бриз