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

/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Общие счетчики меню WordPress

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

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

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

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

Затем вы можете выбрать стиль кнопки «Поделиться» в раскрывающемся меню «Стиль кнопки« Поделиться »». Плагин Shared Counts имеет 8 красивых стилей кнопок.

Shared Counts поделиться стилями кнопок

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

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

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

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

Поддерживаемые типы сообщений Общее количество

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

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

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

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

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

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

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

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

Количество акций Источник нет Общее количество

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

Параметры источника подсчета акций

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

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

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

Поле Shared Counts API

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

Зарегистрируйтесь на SharedCounts com

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

Создать учетную запись SharedCounts.com

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

Аккаунт SharedCounts.com подтвержден

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

Аккаунт SharedCounts.com

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

Ключ API SharedCounts.com

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

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

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

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

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

Параметры подсчета акций

Затем вы увидите новое поле «Общее количество» в разделе «Дисплей». Это позволяет отображать общее количество акций рядом с кнопками общего доступа.

Кнопка Добавить общее количество Плагин Shared Counts

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

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

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

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

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

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

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

Блок шорткода в редакторе Гутенберга

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

Вставить шорткод общих счетчиков

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

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

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

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

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

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

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

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

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

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

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

Стандартные кнопки обмена

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

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

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

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

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

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

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

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как исправить неработающую кнопку добавления мультимедиа в WordPress

Недавно один из наших пользователей сообщил, что кнопка «Добавить медиа» на их сайте WordPress внезапно перестала работать. Эта проблема не отображает

Как настроить журналы ошибок WordPress в WP-Config

Вы хотите настроить журналы ошибок WordPress в файле wp-config? Файл wp-config в WordPress не только управляет настройками вашего сайта WordPress, но и является очень

Как исправить ошибку «Не удалось загрузить ресурс» в WordPress

Вы видите сообщение «Ошибка загрузки ресурса» в WordPress или в инструменте проверки вашего браузера? Многим пользователям WordPress трудно понять, какой

Как исправить ошибку тайм-аута шлюза 504 в WordPress

Вы когда-нибудь получали ошибку тайм-аута шлюза 504 на вашем сайте WordPress? Эта ошибка может сделать ваш сайт недоступным для пользователей. Хуже всего