Урок 109 Установка и настройка социальных кнопочек

03.09.20165954

Кнопки социальных сетей для сайта в сегодняшнее время очень важны. Практически пол России сидит вконтакте. Вы только представьте 50 миллионов человек ежедневной аудитории. И практическое большинство любит нажимать на различные кнопки. А социальных сетей сейчас очень много: помимо самых популярных - Вконтакте, существуют Одноклассники и Мой мир, Гугл+ и популярная социальная сеть во всем мире Фейсбук.

кнопки клавиатуры

кнопки клавиатуры

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

Кнопочки социальных сетей, как способ увеличения посещаемости сайта

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

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

кнопки от Вконтакте

кнопки от Вконтакте

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

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

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

Кстати и установить такие кнопки очень просто и удобно. Достаточно вставить код, который вы можете получить прямо там, в нужное вам место. Если хотите вставить их в статьи, то берем этот код и кидаем его в файл single.php.

Яндекс предоставляет самые популярные социальные сервисы и про свои не забывает. Да и не только социальные, та же яндекс метрика например. Сервис создания блогов Я.ру тоже имеется. Итак,  переходим на апи Яндекса http://api.yandex.ru/share/  и устанавливаем нужные кнопки. Визуально все понятно. Есть вопросы, пишите в комментариях.

Установка кнопок по отдельности: Вконтакте, Google +1, Facebook

Бывают такие ситуации, когда необходимо установить кнопочки по отдельности, например в какое-то место одну кнопку, в какое то другую. Причин может быть много

  • проведение каких-то тестов.
  • улучшений сайта.
  • может просто автор считает, что одна кнопка лучше, чем много.

Для таких ситуаций существуют баттоны мне нравится от Вконтакте и Гугл +1 от Google, у Фейсбука тоже имеется такая кнопка. Если у вас есть желание получить ее достаточно зайти под своим логином в социальную сеть и для кнопочки гугл перейти на страницу

  • https://developers.google.com/+/web/+1button/

А для Яндекса на страницу

  • http://vk.com/developers.php?oid=-1&p=Like

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

Для Фейсбука нет принципиальных отличий, также заходим и копируем полученный код.

  • http://developers.facebook.com/docs/reference/plugins/like/

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

Если вы в своей работе используете, как и я, WordPress, то самое разумное будет воспользоваться специальными плагинами, я могу выделить несколько таких плагинов, которые и сам употребляю.

В первую очередь мне нравится плагин от сервиса Share Buttons, а также плагин Socialize It. Про второй плагин я подробно писал, рассказывал про его плюсы и минусы, а также очевидные преимущества. В работе его можно посмотреть глянув на левую сторону экрана. Как раз кучка боковых кнопок, его вина.

Кнопочки социальных сетей для сайта посредством плагина Share Buttons

Социальные кнопки посредством плагина

Социальные кнопки посредством плагина

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

Посмотрим на скриншот:

Как видите, все очень просто :

  1. Пишем надпись, которая будет выводится сверху баттонов.
  2. Выбираем месторасположение: вверху или внизу текста.
  3. Выбираем место вывода, а также позицию кнопок, справа, слева и по центру.

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

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

Хочешь быть умнее, чем другие? Зарабатывать больше? Читай еще: