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


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

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

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

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

Яндекс кнопки соц сетей

Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:

Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:

Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:

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

Не буду проводить обзор всех возможных сервисов, их суть одна и та же:

  • Выбираете соц сети.
  • Изменяете внешний вид.
  • Копируете код.
  • Вставляете у себя на сайт.

    • Теперь список сервисов:

    • http://share.pluso.ru/
    • http://share42.com/ru
    • https://uptolike.com/
    • http://social-likes.js.org/ru/

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

    Не буду долго описывать, незачем, все интуитивно понятно.

    Как установить кнопки соц сетей на сайт WordPress

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

    Для данного случая мы выбрали два удобных плагина, которые именуются как Social Share Buttons и Jetpack.

    Первым более продвинутым плагином для добавления кнопок социальных сетей на ваш сайт WordPress является Jetpack.

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

    Затем нажимаем «Настроить» и нас перекидывает в меню настроек социальных сетей.

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

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

    В следующем меню мы настраиваем стиль кнопки и места их вывода на нашем сайте.

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

    Установка кнопок социальных сетей на сайт WordPress. Настройки Social Share Buttons.

    Итак, не будем ходить вокруг да около, а перейдем сразу же к установке кнопок социальных сетей . Заходим с в меню настройки и добавления плагинов. Через поиск находим предложенный нами Social Share Buttons for WordPress.

    Установив и активировав плагин для добавления иконок социальных сетей , заходим в появившееся новое меню с консоли нашего WordPress - Share Buttons.

    Как видим, меню наше делиться на три подменю, рассмотрим и разберем каждый из них по отдельности:

    Главные настройки отображения кнопок социальных сетей на сайте WordPress.

    Что мы можем тут настроить?

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

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

    Share настройки, выбор стиля кнопок для социальных сетей.

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

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

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

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

    Добавление каждой кнопки соц сети по отдельности

    Твиттер так же предоставляет широкие настройки для кнопок. Ссылка , скрин ниже:

    Не многие используют, но может пригодиться и кнопка от мейл ру.

    Похоже на Однокласники, с чего бы это 😆 .

    Добавление иконок на профили и группы в социальных сетях на сайт

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

    Итак, что нам нужно:

    • Определиться с будущим местонахождением иконок;
    • минимальные знания html и CSS, как не крути, а предсказать все варианты, которые могут вам понадобиться я не смогу.
    • готовые картинки-иконки соц сетей, скачанные с интернета. Их можно найти очень много используя поиск.
    • доступ к файлам шаблона.

    Первым делом покажу небольшой код, для 2-х соц сетей, VK и G+, а так же иконку ленты FeedBurner. По аналогии вы можете добавить сколько угодно иконок.