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

Вы хотите добавить кнопки социальных сетей в WordPress? Сайты социальных сетей-это место, где люди проводят много времени в Интернете.

Вы можете использовать социальные сети для привлечения пользователей и привлечения новых пользователей на свой сайт. Самый простой способ сделать это-добавить кнопки социального обмена на посты и страницы WordPress.

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

Почему Вы должны добавлять Кнопки социальных сетей в WordPress?

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

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

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

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

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

Добавление кнопок социального обмена на ваш веб-сайт может помочь вам:

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

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

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

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

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

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

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

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

Затем вам нужно прокрутить вниз до раздела "Отображение" и выбрать кнопки "Поделиться", которые вы хотите отобразить. По умолчанию выбраны три кнопки (Facebook, Twitter и Pinterest).

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

Затем вы можете выбрать стиль кнопки “Поделиться”из выпадающего меню с надписью "Стиль кнопки "Поделиться". Плагин Shared Counts поставляется с 8 красивыми стилями кнопок.

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

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

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

Не забудьте нажать на кнопку Сохранить изменения, чтобы сохранить свои настройки.

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

Как отобразить количество социальных акций в WordPress?

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

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

В окне настроек общего количества вы увидите настройки "Общее количество" вверху.

По умолчанию вы увидите опцию "Нет", выбранную для "Источника подсчета", что означает, что количество общих ресурсов не извлекается и не отображается.

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

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

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

Мы рекомендуем выбрать SharedCount.com как ваш источник подсчета. Далее вы увидите поле для ключа API SharedCount.

Вы можете получить API SharedCount, подписавшись на бесплатную учетную запись на SharedCount.com веб-сайт.

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

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

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

Далее вам нужно нажать на раскрывающееся меню и выбрать " Настройки’. Здесь вы найдете свой API-ключ SharedCount.

Вам нужно скопировать ключ API и вернуться на страницу настроек вашего плагина на вашем сайте WordPress. Теперь продолжайте и вставьте ключ API в поле "Ключ API SharedCount".

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

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

Мы также рекомендуем установить флажок, чтобы скрыть пустые счетчики вместо отображения нуля (0).

Затем вы увидите новое поле "Общее количество" в разделе отображения. Это позволяет отображать общее количество общих ресурсов рядом с кнопками "Поделиться".

Не забудьте нажать на кнопку "Сохранить изменения", чтобы сохранить ваши настройки.

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

Добавление кнопок социальных сетей на Выбранные страницы

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

Если это так, то вы можете использовать короткий код общих подсчетов: [shared_counts].

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

Чтобы добавить шорткоды в WordPress, в редакторе блоков WordPress есть блок шорткода.

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

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

Добавление плавающей панели социальных ресурсов в WordPress

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

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

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

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

Для плавающих кнопок социального обмена вам необходимо установить и активировать плагин Sassy Social Share.

После активации плагин добавит новый пункт меню с надписью " Sassy Social Share’ на боковую панель администратора WordPress. Нажав на него, вы попадете на страницу настроек плагина.

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

Далее вам нужно перейти на вкладку "Стандартный интерфейс". Здесь вы можете включить или отключить стандартные статические кнопки социального обмена.

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

Затем вам нужно перейти на вкладку "Плавающий интерфейс" и установить флажок рядом с опцией "Включить плавающий интерфейс общего доступа".

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

Как только вы закончите, нажмите на кнопку " Сохранить изменения’, чтобы сохранить свои настройки.

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

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

Делитесь нашими материалами с друзьями!

 

 

Заказать разработку сайта