Как добавить кнопки социальных акций в WordPress (руководство для начинающих)

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

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

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

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

Почему вы должны добавить кнопки социального обмена в WordPress?

Социальные сети — один из самых популярных видов деятельности в Интернете сегодня. По оценкам, к концу 2019 года в мире будет около 2.77 миллиардов пользователей социальных сетей по всему миру. (Источник)

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

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

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

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

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

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

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

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

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

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

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

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

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

После установки плагина вам нужно перейти к разделу Настройки » SharedCounts меню для настройки параметров плагина.

Меню Shared Counts WordPress

Далее вам нужно прокрутить вниз до раздела ‘Display’ и выбрать кнопки совместного доступа, которые вы хотите отобразить. По умолчанию выбраны три кнопки (Facebook (признана экстремистской организацией на территории РФ), Twitter и Pinterest).

Плагин Shared Counts - выбор кнопок социальных акций

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

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

Далее, вы можете выбрать стиль кнопки поделиться из выпадающего меню с надписью «Share Button Style». Плагин Shared Counts поставляется с 8 красивыми стилями кнопок.

Стили кнопок обмена Shared Counts

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

Расположение кнопок социального обмена в теме

И наконец, вам нужно выбрать поддерживаемые типы постов. По умолчанию в нем выбрано ‘post’.

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

Поддерживаемые типы постов Количество поделившихся

Не забудьте нажать на кнопку Сохранить изменения кнопка для сохранения настроек.

После этого вы можете посетить любой пост на вашем сайте, чтобы увидеть кнопки социального обмена в действии. Вот как выглядит наш демо-сайт со стилем кнопок «Классический» на стандартной теме Twenty Nineteen.

Кнопки социальных акций от Shared Counts

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

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

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

В окне настроек Shared Counts в верхней части вы увидите настройки «Share Counts».

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

Share Counts Источник не Shared Counts

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

Опции источника Share Counts

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

Если вы выберете опцию ‘Native’, то подсчеты долей будут получены из соответствующего социального сервиса, например, Facebook (признана экстремистской организацией на территории РФ) API для подсчетов Facebook (признана экстремистской организацией на территории РФ), Pinterest API для подсчетов Pin. Этот метод может замедлить работу вашего сайта, так как для этого потребуется несколько вызовов API.

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

Поле API Shared Counts

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

Зарегистрироваться на SharedCounts com

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

Создать аккаунт SharedCounts.com

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

Аккаунт SharedCounts.com верифицирован

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

Аккаунт SharedCounts.com

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

API-ключ SharedCounts.com

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

Вставить API ключ SharedCounts

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

Если вы хотите показать общее количество комментариев, то поставьте галочку напротив опции ‘Count Total Only’.

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

Опции подсчета количества поделившихся

Далее вы увидите новое поле ‘Total Counts’ в разделе Display. Это позволит вам показывать общее количество поделившихся рядом с кнопками поделиться.

Добавить кнопку Total Counts плагина Shared Counts Plugin

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

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

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

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

Если да, то вы можете использовать шорткод Shared Counts: [shared_counts].

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

Для добавления шорткодов в WordPress существует блок шорткодов в редакторе блоков WordPress.

Блок шорткодов в редакторе Gutenberg

Вы можете просто добавить блок в область контента, а затем вставить шорткод Shared Counts.

Вставьте шорткод Shared Counts

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

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

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

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

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

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

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

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

Выберите стиль кнопки

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

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

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

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

Далее вам нужно перейти на вкладку «Плавающий интерфейс» и установить флажок напротив опции «Включить плавающий интерфейс обмена».

Настройки плагина плавающих социальных акций

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

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

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

Плавающие кнопки социальных акций

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий