Соц кнопки для сайта: Расположение кнопки соцсетей для сайта: зачем, где и как

Содержание

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

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

Необходимость размещения значков соцсетей на сайте

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

  • Оперативность индексации проекта.
  • Значимость web-ресурса для роботов поисковых систем.
  • Посещаемость, число подписчиков.

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

Конструктор uSocial, его особенности

Мощный функционал конструктора uSocial сделал его лидером в категории социальных сервисов. Многие владельцы сайтов отдают ему предпочтение. У него есть своя функциональная кнопка, привлекающее посетителей pop-up окно. Конструктор предлагает инструмент, очищающий кэш, приложение для сообществ ВК. Кроме того, в функционале имеется опция, позволяющая скрывать промокоды, ссылки на ресурсе на определенное время или до выполнения условия использования кнопки «поделиться» в соцсетях. Также в конструкторе имеются:

  • Большое количество настроек.
  • Поддержка мобильного формата.
  • Счетчик лайков.

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

Порядок установки значков социальных сетей на ресурсе

Конструктор uSocial окажет помощь тем, кто не знает, как добавить социальные кнопки на сайт. Для начала нужно подобрать сервисы, их форму, стиль для гармоничного дизайна. Следует выбрать удобное размещение, размер, установить отдельные счетчики и общий для всех значков. Затем подключается поддержка мобильных устройств и сервисы Телеграм, СМС, Вайбер, Ватцап. Можно использовать опцию «ловушка для глаз», призывающую пользователя поделиться ссылкой на ресурс в социальных сетях.

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

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

03.05.2021 12:05

Как создать социальные кнопки для сайта.

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

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


Главное преимущество онлайн конструкторов социальных кнопок, это:

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

Но не стоит забывать о том, что у конструкторов есть и минусы:

  • Скорость загрузки виджетов (читай кнопок)
  • Часто бывает так, что самые интересные варианты исполнения кнопок – платные
  • Существует вероятность того, что разработчик этого ПО (кнопок) прекратит свое существование, и вам придётся искать новые варианты

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

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


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

 

Add This
Add This — самый лучший иностранный ресурс. Достаточно большое разнообразие кнопок, очень стильный дизайн, есть кнопки в плоском дизайне. Сервис позволяет создавать кнопки с адаптацией под мобильные устройства. Немало важно и то, что есть плагин для WP. Но к сожалению за самые интересные кнопки нужно платить.

 

Good Share
Данный конструктор создает очень легкие и простые кнопки. Что положительно сказывается на скорости загрузки страниц. Но эта простота вызвана маленьким набором дизайнерских решений. Сервис предоставляет наиболее популярные соц. сети в рунете. как заявляют сами разработчики – поисковые системы полюбят вас, насколько это правда, мы не беремся судить.

 

Up To Like
Отличный сервис. Пожалуй самый гибкий среди своих конкурентов. Его возможности поражают, сервис позволяет создавать кнопки разной формы. Цветов, с счетчиками, без счетчиков, отдельные счетчики для каждой соц. сети, есть адаптация под мобильные устройства – можно выбрать отдельно, какие соц. сети будут показаны в десктоп версии, а какие только в мобильной. И в отличии от некоторых сервисов, этот, показывает реальные данные в аналитике. Но есть одно большое НО, данный сервис очень тяжелый, и загрузка кнопок идет с большим опозданием.

 

hareaholic
Интересный конструктор, который мы открыли совсем недавно. Сервис предоставляет интересные визуальные решения, которые вы просто не найдете в рунете. Нам лично очень понравились стрелки с надписями – это сильный маркетинговый элемент. Несмотря на то, что этот сервис западный, в нем есть и русскоязычные соц. сети.

 

Po.st
Хороший сервис, приличная скорость загрузки виджета, есть интересные и бесплатные дизайнерские решения, которые в том же Add This платные. Можно создавать кнопки с счетчиком.

Настройка соц. кнопок | База знаний Creatium

Чтобы добавить ссылки на свои страницы в социальных сетях можно использовать виджет «Кнопка-картинка» указав в нем ссылку и загрузив картинку. 

Например, мы хотим добавить ссылки на социальные сети Facebook, Instagram, ВКонтакте. Данные кнопки мы разместим в меню сайта вместо email-адреса. Всего для этого есть два варианта действий.

Вариант 1

1. Для создания меню сайта используйте инструкцию «Сделать меню с нуля или воспользоваться готовыми вариантами».

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

3. Загрузим в кнопки картинки и немного изменим параметры отображения кнопок.

4. Укажем в настройках кнопок ссылки на соц. сети. Для этого откроем настойки в гаечном ключе и на вкладке «Действие» выберем действие «Открыть страницу в новой вкладке», а ниже добавим ссылку на соц. сеть.

Вариант 2

1. Выполняем аналогичные действия из первого и второго шага предыдущего варианта, но вместо колонков и кнопок добавим виджет «Кнопки на социальные сети»;

2. Удалим социальную сеть «Twitter» из виджета, вместо него добавим Instagram, укажем ссылки на соц. сети, поменял кнопки местами и укажем выравнивание с правой стороны.

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

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

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

В интернете есть различные сервисы для создания кнопок «Поделиться». Парой из них мы и воспользуемся. Этот вариант более сложный, так как здесь требуется базовое понимание работы CSS, HTML и JavaScript. 

Кнопки «Поделиться» из сервиса pluso.ru

1. Выберем кнопки, который нам нужны, на Facebook, Вконтакте и Google+, прочие кнопки удалим.

2. Ниже можно подобрать параметры отображения кнопок.

3. Ещё ниже есть поля для ввода заголовка и краткого описания страницы. Эти поля мы не будем заполнять, так как эти данные уже введены в настройках страницы, раздел «Социальные сети».

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

5. Кнопки «Поделиться» от сервиса pluso.ru отображаются по левой стороне. Выровнять их можно добавив соответствующее CSS свойство, но если обойтись более простым вариантом, то задать определенное расположение элементу можно используя виджет «Колонки».

Кнопки «Поделиться» из сервиса usocial.pro

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

2. В личном кабинете нажмем на кнопку «Создать набор», выберем «Кнопки «Поделиться»» и настроим параметры отображения кнопок.

3. Полученный на сервисе код добавляем в виджет «Вставка HTML кода» и выполняем предпросмотр или публикацию для просмотра результата отображения.


Чтобы просмотреть, как выглядят и работают кнопки на опубликованной странице перейдите
по этой ссылке. А чтобы просмотреть как выполнены настройки в редакторе — по этой ссылке.

Social2s – социальные кнопки Joomla

  • Тип – плагин социальных кнопок для Joomla.

 

 

Social2s FREE – это бесплатный русскоязычный плагин кнопок социальных сетей для Joomla. Главным его преимуществом является то, что он почти не влияет на скорость загрузки страницы. Особенно, по сравнению с разными сервисами, например, таким как AddThis. Social2s не загружает внешние скрипты социальных сетей без необходимости. Подгрузка сторонних скриптов происходит только тогда, когда пользователь явным образом нажал на кнопку шаринга. К сожалению, на данный момент (20.09.2019) список социальных сетей весьма ограничен. Среди них: ВКонтакте, Facebook, Twitter, Linkedin, Pinterest и др.. Пример работы данного плагина, его платной версии, можно посмотреть на официальном сайте разработчика внизу страницы.

В обзоре будет участвовать последняя, на момент написания статьи (20.09.2019), русскоязычная версия Social2s FREE 4.0.143 в Joomla 3.9.11. Шаблон фронтальной части сайта – JM Services 1.0.5.

На официальном сайте расширений Joomla 100 отзывов, расширение добавлено 19 ноября 2014 года.

  • Общий рейтинг – 5 из 5.
  • Функциональность – 5 из 5.
  • Простота использования – 5 из 5.
  • Поддержка – 5 из 5.
  • Документация – 5 из 5.

Также есть платные версии Social2s Pro – 35$ (на 1 год (при покупке новой лицензии), без ограничения на количество устанавливаемых сайтов). Она обладает более расширенным набором опций. Об отличиях платной и бесплатной версий можно прочесть ниже в статье.

Видео обзор

 

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Ссылки из видео:

Основные возможности и особенности

Бесплатная версия.

  • Вставка кнопок шаринга в материалы Joomla (рисунок ниже): Twitter, Facebook (кнопка шаринга и сохранения), ВКонтакте, Pinterest, Linkedin, Tumblr, WhatsApp, Telegram, Reddit, Flipboaed, Delicious, E-mail.
  • Интеграция с SP Page Builder.
  • Возможность включения/исключения категорий материалов и отдельных материалов.
  • Можно включить отображение счётчика шаринга в социальные сети.
  • Не влияет на скорость загрузки сайта. Это достигается за счёт загрузки внешних скриптов только тогда, когда пользователь явно нажмёт на кнопку одной из социальных сетей. Также плагин использует собственный уменьшенный набор шрифтов и JQuery из ядра Joomla.
Социальные кнопки Joomla
  • Поддержка адаптивного дизайна.
  • Можно настроить отображение разного набора кнопок на мобильной и обычной версии сайта.
  • Гибкие настройки кнопок социальных сетей: их набор, позиция, размер, стиль (рисунок ниже) и так далее.
Кнопки социальных сетей Joomla
  • Наличие режима отладки с подробной информацией.
  • Поддержка Open graph.
  • Перевод на русский, английский и словенский.
  • Поддержка мультиязычности.
  • Совместимость с Joomla 3 и 4.
  • Совместимость с системой обновлений расширений Joomla.
  • Возможность изменения порядка следования кнопок.
  • Поддержка ВКонтакте openID.
  • Базируется на HTML
  • Соответствует требованиям W3C.
  • Документация на английском языке.

В платной версии плагина социальных кнопок Joomla есть всё тоже, что и в бесплатной, плюс, множество полезных возможностей. Вот некоторые из них.

  • Интеграция с JEvents, K2 (с поддержкой Open graph), VirtueMart (с поддержкой Open graph).
  • Настройки кнопок на мобильном.
  • Поддержка Twitter Cards (с настройками).
  • Ускоренная загрузка кнопки Twitter без загрузки скриптов.
  • Кнопка фоловинга в Twitter.
  • Кнопка фоловинга в Tumblr.
  • Расширенные настройки Open graph (несколько изображений, изображение по умолчанию, использование мета-описания и др.).
  • Настройки «Кнопки Плюс» (кнопка, скрывающая в себе другие кнопки социальных сетей).
  • Более расширенные настройки внешнего вида кнопок.
  • Настройки позиции всплывающей области кнопок.
  • Призыв к действию.
  • Разные настройки для материалов и категорий материалов Joomla.
  • Фиксированная позиция кнопок.
  • Расширенные настройки отладки. Отладка Open graph. Отложенная загрузка CSS.
  • Настройки анимации.
  • Настройки изображения, которое будет добавлено в социальные сети при шаринге.
  • Расположение кнопок социальных сетей во всю ширину области.
  • Возможность вставки сообщения об использовании куков на сайте согласно закону Европейского союза о куках. Если Вас интересует данный вопрос, то советую ознакомиться со следующими статьями: «Обзор DJ-CookieMonster. Предупреждение о Cookie», «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ» и «Регламент GDPR и 152 ФЗ. Требования, сравнение».
  • Настраиваемая позиция кнопок.

Настройки Social2s

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

  1. Плагин.
  2. Материал.
  3. Категория. Недоступна в бесплатной версии Social2s.
  4. Социальные сети.
  5. Open Graph. Содержит опцию, позволяющую активировать добавление мета-тегов Open Graph и выбрать, какие данные для этих тегов будут использоваться по умолчанию на страницах блога категорий. Другие опции доступны только для ПРО версии.
  6. Включить/Исключить.
  7. Компоненты. Содержит опцию, позволяющую активировать интеграцию с SP Page Builder. Другие опции доступны только для ПРО версии.
  8. Куки. Недоступна в бесплатной версии Social2s.
  9. Лицензия. Содержит ссылку на покупку ПРО версии и ссылку на страницу на сайте расширений Joomla (для написания отзыва).

Если возле опции есть символ короны, то это значит, что данная опция работает только в ПРО версии.

Вкладка Плагин (рисунок ниже). Тут Вы сможете указать язык кнопок социальных сетей. Доступно автоматическое определение и 12 языков, среди которых русский, английский, немецкий, французский и другие. Тут же можно включить загрузку библиотеки JQuery и выбрать её версию (она нужна для нормальной работы плагина). Плюс, Вы можете отключить вывод ссылки на сайт разработчика плагина.

Опция Загружать скрипты социальных кнопок при загрузке страницы позволяет существенно повлиять на скорость загрузки и степень оптимизации страницы. По умолчанию для неё стоит Нет. Если так, то это сильно ускорит загрузку страницы, так как скрипт кнопки шаринга будет подгружаться только тогда, когда пользователь нажмёт на ту или иную кнопку.

Social2s

Если возникли проблемы или нужно более тонко настроить плагин, то можно включить отладку и получить подробную информацию (рисунок ниже).

Отладка плагина Social2s

Вкладка Плагин (рисунок ниже). Тут Вы сможете сконфигурировать отображение кнопок социальных сетей на страницах материалов Joomla. Можно изменить стиль кнопок (иконки, квадратные, круглые), цветовое оформление (пять тем), указать позицию кнопок (над, под статьёй или и там, и там), выравнивание и размер.

Настройки страницы материалов

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

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

Вкладка Плагин (рисунок ниже). Тут Вы сможете включить отображение разных кнопок. Для некоторых из них доступны настройки, в том числе, возможность отображения только на мобильном.

Кнопка Плюс. Это кнопка, которая может скрывать в себе другие кнопки. На сайте разработчика заявлено, что изменение порядка следования кнопок доступно только для ПРО версии, но перетаскивая кнопки в строке Preferred order (предпочтительный порядок), Вы можете менять порядок их следования на сайте. Кнопки, расположенные слева от кнопки Плюс, будут отображаться сразу, а те, что расположены справа, – по нажатию на кнопку Плюс.

Вкладка «Социальные сети»

Вкладка Включить/Исключить (рисунок ниже) содержит опции, которые позволяют скрыть/отобразить кнопки социальных сетей в определённых материалах и категориях Joomla и K2. Для материалов Joomla также можно скрыть/отобразить кнопки для избранных материалов.

Вкладка «Включить/Исключить»

Сравнение скорости загрузки социальных кнопок

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

Сравним влияние этих сервисов на степень оптимизации скорости (скорость загрузки) сайта. Проверять буду в Google PageSpeed Insights. Для теста возьму сайт на Joomla 3.9.11. Сайт с настройками по умолчанию и демонстрационными данными «Блог English (GB) демо-данные» (главная страница).

Проверял каждый сервис по 3 раза (с интервалом в 5 минут). Код сервиса вставлял в файл шаблона (в самый конец).

В каждом сервисе настраивал вывод кнопок шаринга в Twitter, Facebook, ВКонтакте. Без вывода счётчика. Остальные настройки сервиса – по умолчанию. В плагине Social2s FREE отключил вывод лишних кнопок. Остальные настройки – по умолчанию.

 

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

Google PageSpeed Insights для мобильных

Google PageSpeed Insights для компьютеров

Без кнопок

96

100

Плагин Social2s FREE

96

100

Pluso.ru

95

99

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

95

99

uSocial

91

89

AddThis

88

99

Uptolike.ru

67

93

 

Как видите, плагин Social2s FREE, Pluso. ru и блок «Поделиться» от Яндекс показали почти одинаковый «идеальный» результат. Худший результат (в плане скорости) показал мой любимый сервис AddThis и сервис Uptolike.ru.

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

Если ориентироваться только на скорость загрузки, то рекомендую попробовать плагин Social2s FREE, Pluso.ru и блок «Поделиться» от Яндекс для вставки кнопок социальных сетей себе на сайт.

Похожие материалы

 

Полезные ссылки:

Зачем нужны кнопки социальных сетей на сайте?

Кнопки социальных сетей для сайтов – явление довольно-таки новое, но очень и очень перспективное. И в том, чтобы они были на сайте, есть выгода как авторам, так и читателям.

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

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

Кому и зачем нужны кнопки соцсетей

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

Выгоды для авторов в данном процессе тоже вполне очевидны. Это попросту бесплатная реклама вашего сайта. Причем реклама очень эффективная. В простонародье именуемая ОБС («Одна баба сказала» — т. е. одна баба сказала, и вся деревня уже в курсе. :)) Так и тут — мы доверяем нашим друзьям, и если кто-то рекомендует ссылку, кликнем по ней с большей вероятностью, чем даже по рядом стоящей ссылке от Яндекса или Гугла.

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

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

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

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

Кнопки соцсетей для WordPress

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

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

Подводные камни

Есть, правда, некоторые недостатки у этих кнопок. Например, блогспот не поддерживает русскоязычные сети. Да и для вордпресса найдется не так много плагинов с поддержкой сетей “ВКонтакте” и “Однокласники”. Плагин, который я вам порекомендовала выше, эти сети поддерживает.

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

Sharing is caring

В заключение хочу сказать следующее. Всем нам, мамам-блоггерам, важно продвижение наших сайтов. Ведь для многих из нас блог – это не просто хобби, но и возможность зарабатывать дома. Давайте поддерживать друг друга! Если понравилась статья, кликните “Мне нравится!” Не забывайте пользоваться этими кнопками на сайтах, которые вам действительно симпатичны.

Отдельно упомяну о Блоги Мам. Замечательный проект, которому хочется пожелать процветания и развития! И мы можем ему помочь – делая ретвит, кликая “Мне нравится”, размещая баннер у себя на сайте или публикуя ссылку на статью где-то в мамских сообществах или форумах, на которых мы общаемся.

Поддерживая проект “Блоги Мам”, мы поддерживаем самих себя! Ведь именно тут мы рекламируем свои блоги и обмениваемся ссылками, информацией. На каком форуме или в каком сообществе мы еще можем «безнаказанно» публиковать ссылки на свои блоги хоть каждый день?

Давайте сделаем небольшой подарок авторам такого дружелюбного сообщества. Все, кому нравится проект и кто хочет поддержать его, кликните внизу статьи “Мне нравится” или сделайте ретвит (а лучше и то, и другое :)). И не забывайте пользоваться этими кнопками в дальнейшем! Это самое лучшее, что мы можем сделать для любимого проекта!

Автор: Иванко Татьяна

Простые кнопки присоединяйся на WordPress сайте

От автора: Если вы хотите дать пользователю ссылку на ваши профили в социальных сетях или группах соц.сетей не нужно ставить никаких плагинов. Кнопки типа «Присоединяйся»  можно сделать при помощи HTML кодов. Не путаем кнопки «Присоединяйся» с кнопками «Поделись».

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

Простые кнопки присоединяйся на WordPress сайте

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

URL аватарок узнать просто. Открываете Библиотеку медиафайлов: Консоль >>> Медиафайлы. Далее, открываете нужную вам аватарку в режиме «Редактировать». Справа в отдельной строке вы узнаете URL этой аватарки.

Имея URL аватарки и аккаунты в соц сетях (log-user), точнее URL аккаунта вашего профиля в соц.сети, составляем код для кнопки. Присоединяйся, кликнув по которой, посетитель откроет ваш профиль или ленту в соц. сети и сможет на нее подписаться или присоединиться к группе.

Код HTML кнопок профилей в социальных сетях

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

<a href="https://twitter.com/Ваш_НИК_в Твиттер (log-user)">
//*<img src="URL иконки соц.сети, здесь Твиттер" alt="twitter"></a>

Пример кнопок моих профилей привожу ниже:

Сами коды:

<a href="//twitter. com/wpj2abc"><img src="/patch/twitter.png" alt="twitter"></a>
<a href="//www.facebook.com/log-user"><img src="/patch/facebook.png" alt="facebook"></a>
<a href="//plus.google.com/u/log-user"><img src="/patch/googleplus.png" alt="googleplus"></a>
<a href="//name.blogspot.ru/"><img src="/patch/blogger.png" alt="blogger"></a>
<a href="//name.tumblr.com/"><img src="/patch/tumblr.png" alt="tumblr"></a>
<a href="http://name.wordpress.com/"><img src="/patch/wordpress.png" alt="wordpress"></a>
<a href="http://www.flickr.com/groups/log-user/">
<img src="/patch/flickr.png" alt="flickr"></a>
<a href="https://previous.delicious.com/log-user">
<img src="/patch/delicious.png" alt="delicious"></a>
<a href="http://feeds. feedburner.com/log-user">
<img src="/patch/rss.png" alt="rss"></a>

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

<table>
<tr>
<td>код кнопки Вконакте</td>
<td>код кнопки Фейсбук</td>
<td>код кнопки Одноклассники</td>
</tr>
</table>

Эти коды можно вставить в виджет блога. Для этого войдите в Консоль>>> Внешний вид >>> Виджеты и вставьте коды в табличном виде в форму виджета «Произвольный текст, код HTML».

SEO код кнопок ваших профилей в социальных сетях

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

Сам код со всеми атрибутами картинки и ссылки (код заблокирован тегом nofollow, от ненужной передачи seo веса страницы) :

<a href="httр://twitter. com/wpj2abc" target="_blank" rel="nofollow">
//*<img alt="Я на Twitter | Подписаться на меня" title="Я на Twitter | Подписаться на меня" 
src="//www.wordpress-abc.ru/wp-content/uploads/2013/02/twitter_backgrounds.jpg" 
border="0"></a>

Заполняемые теги в коде:

title= "text";

alt="text";

border="Значение"

width="Значение"

height="Значение".

Тег title="" будет виден во всплывающем окне.

©www.wordpress-abc.ru

Другие статьи раздела WordPress без плагина

Похожие посты:

Похожее

Кнопки соц.сетей для сайта WordPress

Автор Илья Чигарев На чтение 5 мин Просмотров 249 Обновлено

Как поставить кнопки соц.сетей на свой сайт на WordPress? Если вас интересует данный вопрос, вы попали на нужную страницу)

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

Во-первых: Увеличивает трафик на вашем сайте, потому что по этим ссылкам переходят люди и попадают на ваш сайт.

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

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

 

Есть несколько способов:

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor», где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Курс новый — 2020 года. Берите пока свежий. Подробнее читайте по ссылке.

1. Бесплатные плагины. Большинство плагинов предназначены не для России. Как правило, там нет таких соц.сетей, как Вконтакте и Одноклассники, которые многим нужны на сайте. Да и по дизайну они мне не нравятся, все как то криво выглядит.

2. Платные плагины. Хороший вариант, если немного потратиться. Например, есть классный плагин Easy Social Share Buttons for WordPress стоит 14$. Но этот вариант мы так же рассматривать в данной статье не будем, потому что не многие хотят и могу тратить деньги на плагины.

3. Использовать сторонний сервис. В моем случае это share.pluso.ru. После тестирования разных вариантов, остановился именно на данном сервисе. В конце статьи можете посмотреть на кнопки в действии и понажимать на них 🙂

Установка кнопок соц.сетей используя pluso.ru

1. Переходим на сайт share. pluso.ru и настраиваем какие кнопки мы хотим видеть на своем сайте.

1а. Выбираем вид кнопок, мне больше нравится последний)

1б. Выбираем соц.сети методом перетаскивания

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

2а. Предосмотр кнопок

2б. Еще настройки. Я выбираю «Большие» и со «Счетчиком»

2в. Собственно сам счетчик))

3. Если вид кнопок нас устраивает спускаемся еще ниже и нажимаем большую кнопку «Копировать». Скопированный код вставьте пока в документ, чтобы не потерять его и приступаем ко 2-ой части.

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

Файлы сайта лежат на хостинге, думаю вам это известно) Нам нужно подключиться к этим файлам. Я это делаю через программу File-zilla. Путь к фалу такой

ichigarev.ru/public_html/wp-content/themes/название_вашей_темы/content-single.php

Обычно это Single.php, но все зависит от темы, которая стоит у вас на сайте wordpress. У меня это оказалось Content-single.php

5. Открываем документ через текстовый редактор. Я использую NotePad++ он подсвечивает код. И ищем строку с обозначением контента.

У меня это:

 

6. Вставляем код — обновляем его на хостинге — проверяем, что получилось.

БИНГО! Видим, что соц.сети отображаются как раз там, где нужно. Только вот они немного не влазиют в ширину контентной части и счетчик съехал вниз.

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

Убрал я «Отправить на Е-мейл», теперь совсем другое дело.

7. Теперь я хочу выровнять кнопки соц.сетей по центру и добавить надпись «Понравилась статья? Поделитесь в соц.сетях:»

Чтобы добавить такую надпись нужно перед кодом поставить еще небольшую строку кода:
<h4 id=»u1013″>Понравилась статья? Поделитесь в соц.сетях:</h4>

И добавить теги <center> код кнопок </center> вокруг кода кнопок. Это нужно для того, чтобы кнопки отображались по центу страницы.

 

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

8. Теперь чтобы выровнять и заголовок по центу, нам понадобится файл Style.css, который находится там же, где и Single.php. Файл Style.css отвечает за стили, за дизайн, проще говоря, сайта.

Скачали Style.css? Открываем его так же НотПадом ++ и перематываем документ в самый низ.

Тут нам нужно прописать такой код

#u1013 {
text-align: center;
}

u1013 — это id(идентификатор) текста заголовка нашего. Мы его так же видим в строке
<h4 id=»u1013″>Понравилась статья? Поделитесь в соц.сетях:</h4>

Если хотите можете придумать любой id. Главное чтобы они совпадали.

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

По моему то, что нужно!)

Ах да, еще забыл в файле стилей Style.css добавьте такую строку:

.pluso {
    margin-top:5px;
}

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

Вот такая длинющая получилась статья. Пишите в комментах, получилось ли у вас поставить кнопки, так же пишите, если что-то не поняли — подскажу с удовольствием. Ну и понажимайте на кнопки, чтобы поделиться с друзьями статейкой)

А на этом все у меня. До связи!)

8 лучших бесплатных виджетов для кнопок обмена в социальных сетях 2021

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

Лучшие виджеты для кнопок социальных сетей

1. AddThis

Имея более 200 000 активных установок, AddThis стал очень популярным в сообществе WordPress. Легко понять, почему — этот плагин позволяет легко добавлять плавающие кнопки социальных сетей на ваш сайт. Ваши посетители могут использовать эти кнопки, чтобы делиться вашими сообщениями и видео с людьми, которых они знают.

Источник изображения

2. Social Warfare
Это еще один популярный плагин для социальных сетей.Social Warfare поддерживает различные веб-сайты социальных сетей, включая Facebook, Twitter и Pinterest. Он также поставляется с премиальной версией, которая предлагает дополнительные функции.

Источник изображения

3. Кнопки и значки социальных сетей

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

4. Easy Social Share Buttons
Easy Social Share Buttons — еще один бесплатный плагин для добавления кнопок социальных сетей на ваш сайт. Вы можете добавить кнопки социальных сетей, количество подписчиков и даже функции живого чата. Этот плагин дает вам максимальную доступность, позволяя делиться своим контентом на более чем 50 платформах.

Источник изображения

5. Социальный рост

Ранее Social Pug, Grow Social — еще один плагин, заслуживающий вашего внимания.Благодаря регулярным обновлениям этот плагин снабжен всеми последними функциями. Кнопки социальных сетей могут перемещаться в любом месте вашего сайта, что позволяет легко делиться каждым фрагментом контента. Вы также можете использовать мобильные липкие кнопки социальных сетей. Создайте собственный набор кнопок социальных сетей и отображайте их в нужное время. Вы даже можете добавлять собственные сообщения во всплывающие окна.

Источник изображения

6. Кнопки AddToAny Share
AddToAny Share Buttons позволяют повысить социальную вовлеченность, добавляя простые кнопки для создания твитов.Вы также можете добавить кнопки для Facebook, Pinterest, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других приложений для обмена и социальных сетей. Кнопки могут плавать или тонуть в зависимости от ваших предпочтений. У вас также есть контроль над размещением и внешним видом. Плагин оптимизирован для мобильных устройств, поддерживает сетчатку и совместим с другими современными плагинами.

Источник изображения

7.

WordPress в буфер

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

Источник изображения

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

Источник изображения

Действительно ли люди используют кнопки социального обмена? : efelle creative, Сиэтл, WA

Вы видите значки социальных сетей на сайтах по всему Интернету, но действительно ли люди их используют?

В своем блоге Майк Хейворд из Copacino + Fujikado определил шесть самых опасных слов в рекламе. Это шесть слов, которые мы все слышали — от клиентов, от нашей команды или, может быть, в наших головах, — и это шесть слов, которые часто определяют то, как мы разрабатываем наши стратегии контент-маркетинга:

«И тогда они поделятся этим».

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

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

Статистика кнопок социального обмена

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

Эти кнопки кажутся отличной идеей — в конце концов, они позволяют легко делиться вашим контентом! — однако пользователи почти никогда ими не пользуются. Действительно! Отчет Moovweb показал следующее, согласно AdWeek:

  • Moovweb изучил 61 миллион мобильных сеансов и обнаружил, что 99.8 процентов мобильных пользователей никогда не нажимают кнопки социальных сетей. Фактически, мобильные пользователи в 11,5 раз чаще нажимают на рекламу, чем на кнопки социальных сетей.
  • Пользователи настольных компьютеров чаще нажимают кнопки социальных сетей, согласно Moovweb (примерно на 35% чаще), но они по-прежнему предпочитают делиться ссылками по-своему, а не использовать эти кнопки.

В чем дело?

Почему кнопки социальных сетей тянутся

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

Раньше кнопки социальных сетей были непредсказуемыми; вы можете нажать кнопку «Твитнуть это» только для того, чтобы увидеть, что автоматически созданный твит со странной разметкой HTML или обрезанным текстом был отправлен всем вашим подписчикам.

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

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

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

Когда кнопки обмена в социальных сетях имеют смысл

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

Подумайте о том, чтобы проявить творческий подход, используя способы, которыми люди могут поделиться в обществе. Два веб-сайта, Medium и The Establishment, предлагают хорошие примеры.

В сообщениях блога Medium пользователи могут выделить текст. Затем они могут превратить изюминку в твит. Таким образом, пользователи могут выбрать часть статьи, которую они хотят опубликовать в Твиттере, и она автоматически рассылается с именем пользователя автора сообщения и идентификатором Medium.


Пример выделения текста в статье Medium.

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

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

Пик интереса к Pinterest

По мере того, как популярность Pinterest растет вместе с блоггерами и влиятельными лицами, стремящимися продавать продукты, люди «прикрепляют» статью. Это перекос в сторону кулинарии, поделок и другого контента, который считается «полезным» или «вдохновляющим».
Некоторые из отраслей, которые преуспевают в Pinterest, включают:

  • Одежда
  • Ящики для подписки
  • Мебель и декор
  • Крафтовые сайты / сайты перепродажи (например, Etsy)
  • Еда и напитки
  • Здоровье и фитнес

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

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

Готовы создать кнопки социальных сетей, которые действительно работают?

efelle creative — маркетинговое агентство из Сиэтла, специализирующееся на дизайне и разработке веб-сайтов, поисковой оптимизации и других услугах онлайн-маркетинга.С 2005 года efelle creative работала с сотнями компаний, чтобы помочь им оптимизировать свою стратегию цифрового маркетинга.
Заполните форму ниже, и один из наших цифровых стратегов скоро свяжется с вами!

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

Вы когда-нибудь задумывались, где лучше всего разместить кнопки социальных сетей в своем блоге?

Если да, то вы не одиноки.

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

Я решил найти все данные, которые лучше всего влияют на публикацию в социальных сетях в нашем блоге. То, что я нашел, может вас действительно удивить. Готовы ли вы посмотреть, как вы можете улучшить публикацию в социальных сетях в своем блоге? Если да, читайте дальше!

Загрузите сейчас

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

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

Получите прямо сейчас!

Зачем беспокоиться о кнопках социальных сетей?

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

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

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

Так много

Вариантов , так много Мнения

К настоящему времени вы, наверное, догадались, что на эту тему ведется много разговоров. Быстрый поиск в Google показывает это обсуждение на Stack Exchange, в котором рассматривается, следует ли размещать кнопки социальных сетей в начале или в конце сообщения в блоге. Несмотря на все дискуссии, существует мало доказательств, подтверждающих эти идеи. Даже этот разговор на Moz.com не дает убедительных доказательств по этому поводу.

Похоже, мы просто догадываемся. Разве мы не можем сделать лучше, чем это?

Чтобы начать копать, я рассмотрел некоторые из наиболее распространенных вариантов. Я начал с вопроса: «Где некоторые из крупнейших веб-сайтов размещают свои кнопки социальных сетей?»

Ответ?

Везде!

Популярные варианты размещения кнопок социальных сетей:

Начало сообщения — Делятся ли пользователи до того, как прочитают статью? Это один из наиболее распространенных вариантов размещения, часто используемых такими сайтами, как TechCrunch и Mashable.

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

Справа от сообщения — Этот меня удивил, но он там есть. Social Media Examiner — хороший пример сайта с таким местом размещения.

Нижняя часть сообщения — Размещение кнопок социальных сетей внизу сообщения было очень распространенным явлением, и это единственное место, где вы найдете кнопки социальных сетей в блоге Сета Година.Он упускает возможные акции из-за этого размещения?

В строке сообщения — Растущая тенденция состоит в том, чтобы фактически размещать совместно используемый контент вместе с остальной частью вашего контента. Мы регулярно делаем это в нашем блоге, используя плагин Click To Tweet.

Никаких социальных кнопок — Это удивительная и растущая тенденция, о которой заявляют такие сайты, как блог Signal v. Noise от Basecamp. Уменьшают ли они свои шансы на вирусный успех? Мы рассмотрим это через минуту, но пока это игровое поле.

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

Точка данных №1: известность имеет большее значение, чем размещение

Популярный инструмент социального обмена AddThis дает отличное понимание этой темы. Их совет пользователям следующий:

  • Выберите видное место: Чем более заметна кнопка, тем больше людей добавят в закладки и поделятся вашим контентом, что привлечет больше трафика на ваш сайт.
  • Держите кнопку в верхней части страницы: Не заставляйте читателей прокручивать страницу, чтобы найти вашу кнопку общего доступа. Это нормально, если кнопка будет вверху и внизу страницы, но пользователям будет проще наверху.
  • Поместите кнопку в непосредственной близости от общего содержимого: Это поможет читателям понять, чем они делятся.
  • Остерегайтесь навигации: Будьте осторожны, не размещайте кнопку слишком близко к панели навигации, чтобы пользователи случайно не нажали на нее.

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

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

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

Согласно значку юзабилити Джейкобу Нильсону и исследованию, которое он провел в 2006 году, визуализации слежения за глазами показывают, что пользователи часто читают веб-страницы по F-образной схеме: две горизонтальные полосы, за которыми следует вертикальная.

Читатели просматривают вашу страницу в стиле F. Помните об этом при размещении кнопок социальных сетей.

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

Точка данных № 3: Слишком много социальных кнопок ухудшат ситуацию

Дуг Антковяк очень много говорит о кнопках социальных сетей в блоге Search Engine Journal.Он указывает, что слишком много кнопок социальных сетей могут отрицательно повлиять на скорость вашего сайта. Это большой красный флаг, поскольку скорость сайта явно связана с лучшей читательской аудиторией и производительностью SEO.

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

Данные здесь продолжаются:

После опроса 50 самых популярных веб-сайтов в мире Webaholic.co.in обнаружил, что Facebook и Twitter были наиболее часто используемыми кнопками социальных сетей в Интернете, при этом Linkedin и Google+ также показали хорошие результаты. Они пришли к выводу, что полезность каждой из этих сетей довольно сильно колебалась в зависимости от типа аудитории для каждого сайта.

Это свидетельство подтверждается более противоречивым выводом TrackMaven после изучения почти 2 миллиардов репостов в социальных сетях.

По их данным, подавляющее большинство публикаций в социальных сетях происходит в двух самых популярных социальных сетях (Twitter и Facebook).

Очевидно, что нам не нужно включать все сети, чтобы эффективно использовать кнопки социальных сетей. В этом отчете TrackMaven показывает, что 38,6% репостов в социальных сетях приходилось на Twitter. Еще 60,3% пришлось на «лайки» и «акции» в Facebook.

Точка данных № 4: Неиспользуемые кнопки социальных сетей предоставляют отрицательное социальное доказательство

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

«Социальное доказательство — это ярлык в мыслительном процессе. Нам не нужно думать. Остальные уже сделали (мы предполагаем) ».

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

Отрицательное социальное доказательство снижает ценность кнопки социального обмена.

В ставшем уже классическом A / B тесте Taloon.com (финский магазин оборудования для электронной коммерции) обнаружил, что кнопки социальных сетей на самом деле снижают их коэффициент конверсии.

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

Поскольку очень немногие люди на самом деле «лайкают» страницы продуктов, почти нулевой результат на кнопках социальных сетей на самом деле является отрицательным социальным доказательством, не позволяя пользователям покупать то, что они воспринимают как непопулярный продукт. Как отмечает Крис Койер в своем блоге CSS-Tricks, «низкие числа могут выглядеть смущающими».

Точка данных № 5: кнопки социального обмена могут приносить трафик

В одном из наиболее полных (но не научных) исследований ценности кнопок совместного использования в социальных сетях блогер Джошуа Бентон приходит к выводу, что многие новостные организации получают 20% своего трафика Twitter с помощью кнопок твитов, доступных на их страницах. Это действительно большое дело!

Например, 16.3 процента твитов в New York Times в его тестах на самом деле пришли с кнопки Twitter в социальных сетях на самом сайте. Для Wall Street Journal, процентная ставка была больше примерно 20,2 процента. Неплохо, а? В конце концов, кнопки социальных сетей могут помочь трафику.

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

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

Пункт данных № 6: Негативное отношение к кнопкам социального обмена набирает обороты, но почему?

Несмотря на результаты New York Times, и , , Wall Street Journal, , не все публикации добились такого же успеха.

UK blog Inside GOV.UK сообщил о незначительном увеличении доли на 0,2% после добавления кнопок социальных сетей на их сайт. Хотя размещение кнопок внизу страницы не могло помочь, их результаты согласуются с выводами, сделанными Люком Вроблевски, который считал, что только 0,25% твитов фактически связаны с кнопкой социальных сетей после анализа более 18 миллионов просмотры страниц.

Другие, такие как Signal v. Noise, просто предпочитают, как их сайт выглядит и загружается без них, и считают, что если кто-то захочет поделиться своим контентом, он найдет способ.Каждому свое, конечно, но доля правды в этом есть определенно.

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

  • Buffer Chrome Extensions
  • Другие расширения для социальных сетей
  • Feedly, FlipBook и другие программы для чтения RSS / контента
  • Мобильные браузеры
  • Карман
  • И больше, чем мы можем перечислить

Заключение: где лучше всего разместить кнопки социальных сетей в моем блоге?

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

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

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

  • Кнопки социальных сетей работают , , и вы, вероятно, захотите их использовать. (См. Точку данных # 5)
  • Отличный контент по-прежнему является ключом к социальному обмену. Большинство пользователей БУДУТ найти способ поделиться вашим контентом , если они захотят. (См. Точку данных №6)
  • Если вы собираетесь использовать кнопки общего доступа , верхняя / левая часть страницы, кажется, лучше всего подходит. (см. Данные № 1 и № 2)
  • Вам обязательно нужно ограничить сети , которые вы включаете при использовании кнопок социальных сетей. (см. Точку данных № 3)
  • Facebook и Twitter предоставят наибольшее количество репостов, , но примите это решение , исходя из вашей индивидуальной аудитории. Например, у Google+ есть хорошие возможности для многих блогов. (См. Точку данных № 3)
  • Социальное доказательство может быть серьезной угрозой. Если ваш блог получил нескольких репостов, вы можете принести на больше вреда, чем пользы с помощью кнопки соцсетей. Рассмотрим виджет общего доступа , который учитывает социальное доказательство , как этот. (см. Точку данных №4)

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

25 января 2016

Что такое кнопки социальных сетей и как они влияют на…

Кнопки социальных сетей дают клиентам возможность отображать свои покупки в электронной коммерции на Facebook, Twitter, Pinterest или других платформах. Большинство онлайн-покупателей также используют по крайней мере одну форму социальных сетей, поэтому эти кнопки создают бесплатное продвижение интернет-магазина.Включите эту функцию на страницах отдельных продуктов, чтобы привлечь внимание к конкретным товарам. Кнопки социальных сетей также добавляют удобство пользователям, которые хотят опубликовать конкретный продукт, за счет устранения дополнительных шагов по копированию, вставке и публикации на отдельном веб-сайте.

Выбор социальных сетей для интеграции с интернет-магазином

Хотя владельцы интернет-магазинов могут выбрать практически любую социальную сеть для совместного использования, некоторые платформы более актуальны, чем другие. Facebook и Pinterest — это сети с высокой степенью визуализации, и некоторые потребители используют Pinterest в качестве цифрового списка желаний.LinkedIn не подходит для этой функции, потому что размещение продуктов не соответствует тому, как большинство участников используют платформу. Кроме того, у Google Plus не так много пользователей, как у Facebook или Twitter, поэтому общие записи не будут привлекать столько внимания. Ограничение его до Facebook, Twitter и Pinterest не позволяет клиентам отвлекаться на беспорядок на страницах продуктов.

Когда следует использовать кнопки социальных сетей?

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

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

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

Как создать кнопки, удобные для конвертации

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

  • Протестируйте все: A / B-тестирование помогает владельцам интернет-магазинов определить наилучшее расположение кнопок на страницах товаров, оптимальный размер и эффективность счетчиков. A / B-тестирование также определяет, какая версия страницы конвертируется лучше: с кнопками социальных сетей или без них.
  • Удалить счетчики акций с кнопок: Поскольку небольшое количество акций может снизить коэффициент конверсии, удаление счетчика акций — лучший вариант, если только владельцы интернет-магазинов не уверены, что увидят высокие цифры для определенных продуктов.
  • Расставьте приоритеты продаж над продвижением в социальных сетях: Бесплатная реклама в социальных сетях — это здорово, но основная цель — повысить конверсию. Важно, чтобы кнопки социальных сетей не мешали покупательскому процессу. Использование кнопок меньшего размера дает возможность делиться контентом для желающих, не отвлекая пользователей от работы тех, кто этого не делает. Кнопки большего размера отвлекают потребителей от завершения транзакции.
  • Сохраните кнопки социальных сетей для страницы подтверждения: Поскольку кнопки социальных сетей могут отвлекать клиентов на страницах продуктов, ожидание подтверждения покупки — оптимальное время для поощрения обмена. Клиенты уже чувствовали себя достаточно уверенно, чтобы купить продукт, что позволяло им с большей вероятностью выразить свое волнение и поделиться покупкой в ​​социальных сетях.

Плюсы и минусы социальных кнопок

В этом выпуске «Это против того» Кэтрин Раз и Тим Фрик идут лицом к лицу по социальным кнопкам, обсуждая их влияние на маркетинг и производительность веб-сайта.

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

Кэтрин Раз

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

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

Веб-сайты с социальными кнопками связаны в семь раз больше в Twitter

Будут ли люди делиться вашим контентом без кнопок «Поделиться»? Конечно, это возможно, но менее вероятно. Без кнопок «Поделиться» вы просите посетителей сделать несколько дополнительных шагов (например, открыть новую вкладку, вырезать и вставить), чтобы составить и поделиться мыслями. Поскольку все больше людей просматривают веб-сайты с мобильных устройств, это может стать серьезным бременем для человека, читающего ваш контент.Возможно, именно поэтому журнал Entrepreneur обнаружил, что на веб-сайты с кнопками социальных сетей ссылаются в семь раз больше, чем на веб-сайты, на которых нет кнопок общего доступа.

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

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

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

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

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

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

Ваши конкуренты используют их. Зачем ставить себя в невыгодное положение?

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

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

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

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

Тим Фрик

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

Совместное использование социальных сетей препятствует оптимизации производительности

Согласно исследованию Forrester Research в 2009 году, 47% потребителей ожидают, что веб-страница загрузится за две секунды или меньше, а 40% посетителей веб-сайта дадут веб-сайту всего три секунды для загрузки, прежде чем покинуть его. Для коммерческих сайтов это оказывает прямое влияние на чистую прибыль: задержка загрузки страницы в одну секунду может привести к потере конверсии клиентов на 7%, согласно исследованию TagMan в 2012 году. Предыдущие тесты на Amazon показали, что на каждые 100 миллисекунд увеличения времени загрузки страницы Amazon.com снижает продажи на 1% (источник: Kohavi and Longbotham, 2007). В этих случаях существует прямая финансовая зависимость между временем загрузки веб-страницы и финансовым успехом.

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

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

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

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

Обмен в соцсетях не создает автоматически уверенность в содержании

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

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

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

Пальцы в банке для печенья

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

В статье New York Times на эту тему автор Рива Ричмонд отметила, что кнопки «Нравится» и «Поделиться», которые Facebook предоставляет другим веб-сайтам, отправляют информацию о вашем посещении обратно в Facebook, даже если вы не нажимаете на них. Поскольку эти кнопки сейчас находятся по всему Интернету — по оценкам разработчика программного обеспечения для обеспечения конфиденциальности Abine, их используют около 905 000 сайтов — Facebook может узнать очень много о том, что вы делаете в Интернете, даже если вы не на Facebook. (Эта статья была опубликована в сентябре 2011 года, поэтому с тех пор число, указанное выше, вероятно, значительно увеличилось.)

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

Некоторые альтернативные варианты

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

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

A List Apart использует гипертекстовые социальные ссылки, которые не отправляют запросы к серверу, пока на них не нажмут.

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

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

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

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

3 простых способа добавить кнопки социальных сетей в WordPress

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

В этой статье мы рассмотрим три впечатляющих плагина WordPress:

  • Реактивный ранец
  • Орбитальная лиса-компаньон
  • Социальный мопс

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

Добавьте кнопки социальных сетей в WordPress с помощью любого из этих 3 плагинов

Реактивный ранец

Jetpack — чрезвычайно популярный плагин WordPress, изначально созданный Automattic для веб-сайтов WordPress. com. В то время как Jetpack предлагает множество различных функций, модуль Sharing позволяет вам легко добавлять кнопки социальных сетей в WordPress и сообщения вашего блога, чтобы читатели могли быстро делиться вашим контентом в своих каналах социальных сетей.

В настоящее время Jetpack поддерживает:

  • Твиттер
  • Facebook
  • Google+
  • Pinterest
  • LinkedIn
  • Tumblr
  • многие другие сети

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

Нравится, как выглядят эти кнопки? Читайте дальше, чтобы узнать, как установить Jetpack и настроить модуль Sharing на своем веб-сайте WordPress.

Установка Jetpack

Чтобы установить плагин Jetpack, выберите «Плагины » → «Добавить новый » в меню WordPress.

Введите Jetpack в функцию поиска и затем выберите Установить сейчас → Активировать .

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

Затем вам будет предложено Одобрить синхронизацию вашего веб-сайта с WordPress.com.

После подключения нажмите кнопку Начать бесплатно , чтобы продолжить (, вам не нужно платить за функцию общего доступа ). Теперь вы вернетесь на свой веб-сайт, где вы обнаружите, что меню Jetpack было добавлено на вашу панель управления WordPress.

Активация кнопок общего доступа

Чтобы активировать кнопки совместного доступа, перейдите в Jetpack → Настройки → Совместное использование .

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

Затем в меню WordPress выберите Settings → Sharing .

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

Далее по странице вы можете:

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

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

По завершении выберите Сохранить изменения внизу страницы.

Подходит ли вам плагин Jetpack Sharing?

Как видите, кнопки Jetpack очень легко добавить на ваш сайт WordPress. Но подойдет ли вам Jetpack? Вот несколько причин, по которым Jetpack — правильный выбор.

  • Вас интересует один из многих других модулей, которые предлагает Jetpack
  • Вы хотите получить доступ к большему количеству нишевых веб-сайтов, таких как Pocket и Skype.

Теперь давайте посмотрим на второй вариант добавления кнопок социальных сетей в WordPress…

Орбитальная лиса-компаньон

Бесплатный плагин Orbit Fox Companion, созданный нами здесь, в Themeisle, включает в себя ряд модулей, направленных на улучшение функциональности вашего веб-сайта WordPress. Кнопки общего доступа в социальных сетях — один из этих модулей, позволяющий добавлять красивые кнопки в свой блог.

Orbit Fox предоставляет более 20 кнопок социальных сетей, которые вы можете выбрать и добавить на свой сайт WordPress. Вы можете управлять своими кнопками совместного доступа, выбирать их положение на экране, а также включать и выключать их в зависимости от устройства, используемого для просмотра вашего веб-сайта. Это пример кнопок совместного доступа Orbit Fox Companion…

Если вам нравятся эти кнопки, то вот как их настроить…

Настройка Orbit Fox Companion

Для начала откройте панель управления WordPress и установите Orbit Fox Companion (этот плагин можно установить так же, как плагин Jetpack или любой другой плагин).

После установки вы найдете Orbit Fox в меню WordPress в разделе Orbit Fox . Здесь, в разделе «Доступные модули », активируйте модуль социального обмена .

Настройка кнопок общего доступа

Прокрутите страницу вниз, и вы найдете Social Sharing Module в разделе Activated Modules Options .

Здесь вы можете настроить кнопки совместного использования.

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

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

Подходит ли вам плагин Orbit Fox Companion?

Вот несколько причин выбрать Orbit Fox Companion среди других вариантов:

  • Вам нужна возможность включать или отключать кнопки совместного доступа в зависимости от устройства пользователя (например,грамм. выключите их для смартфонов)
  • Вас интересуют некоторые другие функции, предлагаемые Orbit Fox Companion
  • Вам нужен доступ к нишевым социальным сетям, таким как Reddit, WhatsApp и т. Д.

Но прежде чем вы примете окончательное решение, у нас остался один плагин для изучения…

Кнопки социальных сетей — Social Pug

Последний плагин WordPress, который мы рассмотрим, — это Social Pug. Этот бесплатный плагин добавляет настраиваемые кнопки публикации в социальных сетях в ваш блог WordPress.

Поддерживает пять сетей:

  • Facebook
  • Твиттер
  • Google+
  • LinkedIn
  • Pinterest

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

Если вы решите использовать Social Pug для отображения кнопок общего доступа на своем веб-сайте WordPress, это пример того, как будет выглядеть окончательный эффект…

Итак, давайте узнаем, как добавить Social Pug на свой сайт…

Добавление кнопок общего доступа к социальным мопсам

Установите и активируйте плагин Social Pug.Затем выберите Social Pug → Toolkit в меню WordPress.

Затем выберите, хотите ли вы поделиться кнопками: Inline Content или Floating Sidebar . Активируйте свои предпочтения и затем нажмите Настройки .

Здесь вы можете настроить кнопки в соответствии с потребностями вашего сайта. В разделе Inline Content нажмите Social Networks , а затем Select Networks .Затем выберите платформы социальных сетей, для которых вы хотите отображать значки обмена.

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

Подходит ли вам плагин Social Pug?

Вот несколько причин выбрать Social Pug:

  • Вы хотите отобразить количество общих ресурсов для каждой сети (сколько раз пользователи делились публикацией в каждой сети)
  • Вы хотите изменить метки на кнопках общего доступа

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

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

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

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

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

Как вы добавите кнопки социальных сетей в WordPress — какой плагин привлек ваше внимание? Поделитесь своими мыслями в комментариях ниже…

Бесплатный гид

5 основных советов по ускорению


вашего сайта WordPress
Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

Где на вашем сайте расположены кнопки социальных сетей? —

11 июня Где на вашем сайте расположены кнопки социальных сетей?

Отправлено в 10:00 в без категории от Social Spice Media Сочетание надежной природы веб-сайта с разнообразными возможностями взаимодействия в социальных сетях — идеальный рецепт для эффективного плана цифрового маркетинга.Предоставление посетителям веб-сайта возможности найти ваши страницы в социальных сетях — важный компонент. Как специалистам по социальным сетям, нам часто задают ряд маркетинговых вопросов, касающихся взаимодействия бизнес-сайта и социальных сетей. Один из таких вопросов: «Кому на моем веб-сайте принадлежат кнопки социальных сетей?» Ответ на этот вопрос не так прост и очевиден, как некоторым может показаться. На самом деле, это зависит от макета вашего дизайна и целей вашего сайта. Однако один ясный ответ таков: «Поместите их там, где ваша аудитория их найдет.»Вот несколько способов достичь этой цели.

Начало страницы Размещение значков социальных сетей вверху страницы — логичный выбор. Это типичное расположение панели меню навигации и контактных данных, поэтому там должны быть и важные ссылки на ваши социальные страницы. Иконки социальных сетей, размещенные вверху страницы, должны иметь правильные пропорции, чтобы они не были ни слишком маленькими, ни слишком большими. Во многих случаях лучше всего 25-75 пикселей. Это выбор способа проектирования, который следует рассматривать на индивидуальной площадке.

Боковая планка Боковая панель — еще один логичный выбор для размещения кнопок социальных сетей. У многих дизайнов веб-сайтов боковая панель закреплена, а основной текст прокручивается. Благодаря этому боковая панель всегда будет удобна для посетителей сайта. Если там есть ваши значки социальных сетей, они всегда будут видны и легко доступны.

Внизу страницы Нижняя часть страницы — наименее подходящее место для значков социальных сетей для большинства компаний. Однако есть несколько случаев, когда можно утверждать, что нижняя часть страницы подходит.В первом случае, если у вас очень длинные статьи или стиль веб-дизайна с прокруткой, то размещение как вверху, так и внизу — хороший выбор. Таким образом, читателям не нужно возвращаться наверх, чтобы посетить вашу страницу в Facebook. Еще один случай, когда можно разместить значки социальных сетей внизу, относится к определенным видам предприятий или сайтов. Например, если вы посвятили весь сайт очень деликатной, печальной или священной теме, вы можете сделать акцент на других элементах сайта.Но опять же, если ваши профили в социальных сетях соответствуют предполагаемому сообщению, то это более низкое размещение не требуется.

Отдельные статьи и изображения До сих пор мы в основном обсуждали кнопки социальных сетей, которые ссылаются на страницы вашего профиля в социальных сетях. Тем не менее, есть также кнопки социальных сетей, которые также могут быть встроены в дизайн сайта. Кнопки публикации в социальных сетях очень полезны для блогов, отдельных статей, инфографики и специальных изображений.Их использование может широко варьироваться от сайта к сайту, в зависимости от бизнес-целей. Например, свадебные фотографы часто хотели бы, чтобы их изображения были опубликованы в как можно большем количестве сфер. В этом случае идеально подходят кнопки публикации в социальных сетях. Опять же, в другом случае — на новостных сайтах — кнопки публикации в социальных сетях чрезвычайно эффективны, чтобы сделать статьи и видео вирусными. (Прочтите эту статью, чтобы понять, что мы имеем в виду.) В качестве альтернативы стандартный графический логотип типичного адвокатского бюро может быть менее привлекательным для распространения.Такое изображение вряд ли получит пользу от кнопки социального действия. Кнопки социальных сетей не нужно размещать на каждой странице или на каждом изображении — только те, которые принесут наибольшую пользу, должны иметь эти функции. Эксперт по дизайну должен внимательно рассмотреть вопрос о включении кнопок социальных сетей для лучшего размещения и стиля.

Leave a Reply