Кнопки социальных сетей на сайт: Кнопки социальных сетей для сайта: зачем, где и как

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

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

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

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

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вам понравилась эта статья, подпишитесь, пожалуйста, на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас на щебет и фейсбук.

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

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

Всем читателям блога «Вторая жизнь ITишника» большой позитивный привет! Давно не писал статьи в рубрику сайтостроение, все о компьютерах и о компьютерах. Пора поддержать и web-тематику. Сегодня я расскажу откуда взять яндекс кнопки социальных сетей (как у меня на постовых страницах) для сайта. Код социальных кнопок можно установить на любом движке (WordPress, Joomla и т.д.).

Для чего нужны на сайте кнопки социальных сетей?

1. Мгновенная индексация новой статьи в поисковиках. После написания нового поста, я кликаю по всем кнопкам социальных сетей «мне нравится».
2. Поведенческий фактор. Кликая по кнопкам образуется связь посетителя с сайтом.
3. SEO. В нашем случае пассивное продвижение в социальных сетях.
4. Дополнительные посетители

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

Перед нами на выбор пять различных блоков кнопок социальных сетей для установки на сайт. Можете выбрать, то, что больше вам понравится или подойдет вашей странице. Однако я рекомендую установить кнопки со счетчиками. Когда есть цифры, посетитель подсознательно жмет на них. Больше кликов, выше результат. Однако в счетчиках есть маленький минус, можно установить лишь 7 кнопок на социальные сети: Я.ру, Вконтакте, Facebook, Twitter, Одноклассники, МойМир, Google+. Сказать честно, мне хватает ) В связи с закрытием сервиса блогов Я.ру и Гугл+, кнопки ушли. Но по последним данным появились другие дополнительные кнопки.

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

Как с помощью кнопок социальных сетей понять, какая статья наиболее популярна?

По кнопкам можно отследить какая у вас статья наиболее популярная. Понятное дело, что одна статья в поисковом запросе стоит на первом месте, а другая на 55-ом. Тут не надо быть математиком, чтобы понять, что делиться статьей в социальных сетях будут больше той, что на первом месте в поисковой выдаче. Вы зададитесь вопросом, как же понять, какая статья наиболее популярная? Тут все очень просто. После написания каждой статьи, я выкладываю анонс на subscribe.ru, в одни и те же группы. И в среднем мою статью просматривают одно и тоже количество посетителей, если только это не праздники или выходные. Через 3-4 дня я вижу, на сколько полезной оказалась моя информация. Жду цифр ) Посмотрим, насколько полезным оказался данный пост.

Отображение значков социальных сетей на вашем веб-сайте

март

18

2020

Работая в сфере интерактивного маркетинга, первое, на что я обращаю внимание при первом посещении веб-сайта, — это активное присутствие в любых социальных сетях, таких как Facebook, Twitter или LinkedIn.

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

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

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

Вот один конкретный пример того, почему важно держать эти ссылки и кнопки видимыми: согласно тематическому исследованию 2018 года, проведенному популярной службой закладок и обмена в социальных сетях AddThis, кнопки обмена в социальных сетях могут способствовать значительному увеличению количества репостов и новых пользователей. В примере, который компания привела в своем тематическом исследовании, национальная некоммерческая организация увеличила общее количество своих акций на 400% после включения кнопок «Поделиться» в социальных сетях, в дополнение к увеличению числа новых пользователей на 2,5%.

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

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

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

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

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

В статье, предлагающей рекомендации по размещению кнопок общего доступа, AddThis рекомендует пользователям сделать следующее:

· Разместите кнопки на видном месте и в верхней части страницы

· Разместите кнопки общего доступа рядом с контентом, которым хотите поделиться

… в то время как служба закладок/совместного использования не рекомендует:

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

· Размещение кнопок общего доступа в нескольких местах на странице

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

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

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

Комментарии

Как не раздражать посетителей вашего сайта ими

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

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

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

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

• 1 Как раздражать
  • 1.1 Слишком. Много. Кнопки.
  • 1,2 Социальные всплывающие окна
  • 1,3 Блокировка контента
  • 1,4 Затемнение ваших собственных изображений
• 2 Как не раздражать
  • 2.1 Выберите одно место и будьте последовательны
  • 2.2 Меньше значит больше (или на самом деле меньше значит больше)
• 3 Вот и все!
• 4 Бонус: отзыв о плагине Monarch

Как надоедать

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

Тоже. Много. Кнопки.

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

Думаю, понятно, почему это раздражает.

Социальные всплывающие окна

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

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

Блокировка контента

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

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

Если вы сомневаетесь, оставьте это (это также то, что я всегда говорил своим ученикам по сочинению о запятых, кстати, #grammarlesson).

Затемнение собственных изображений

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

Почему? Потому что они пришли на ваш сайт за контентом, а вы их ограничиваете.

Как не раздражать

Мне очень хочется просто поставить стрелку вверх с надписью «не делай этого», но что в этом интересного?

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

Выберите одно место и будьте последовательны

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

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

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

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

Чем меньше, тем лучше (или действительно меньше значит больше)

Есть большая вероятность, что наши посетители не будут делиться вашим контентом в WhatsApp. Они могут делиться этим на Reddit, и если это так, то они, вероятно, не используют вашу кнопку. И электронная почта? Это, вероятно, будет использоваться меньше, чем туалетная бумага с ядовитым плющом.

Итак, выбирая, какие сети выделить, лучше меньше, да лучше. Фейсбук очевиден. Как и Твиттер. Я стараюсь поддерживать только 3, поэтому, если ваши пользователи любят Pinterest, используйте его. Если вы пишете о чем-то деловом, выберите LinkedIn в качестве третьего (кстати, хорошие публикации в LinkedIn могут привлечь массу новых посетителей и лидов, святая корова).

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

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