Лучшие кнопки социальных сетей для сайта: Лучшие сервисы социальных кнопок для сайта – ТОП-5

7 лучших плагинов WordPress для социальных сетей

Ищете лучший плагин для WordPress для своего сайта?

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

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

Готовы? Давайте погрузимся в …

Какой самый лучший плагин для WordPress для социальных сетей? 7 сравниваемых опций

1.

Social Warfare

С помощью Social Warfare вы получаете:

• Великолепные кнопки социальных сетей, до или после контента или плавающие
• Новый мета-бокс, который позволяет вам настраивать информацию о социальных сетях для каждой части контента.
• Общее или индивидуальное количество акций, включая возможность помочь вам восстановить старые счета ( полезно, если вы потеряли счет после перехода с HTTP на HTTPS )
• Выделенные изображения для Pinterest, что важно, потому что более высокие изображения на Pinterest обычно лучше
• Функция “нажми и оставь в Твиттере”
• Минимальная доля учитывается, чтобы избежать отрицательного социального доказательства

Опять же, чтобы узнать больше о том, почему мы выбрали Social Warfare для WPLift, я рекомендую ознакомиться с нашим полным обзором .

Цена: ограниченная бесплатная версия. Pro версия начинается с $ 29 для использования на одном сайте

Получить социальную войну

2.

Easy Social Share Buttons

Easy Social Share Buttons имеет самый длинный список функций, который вы найдете в любом плагине WordPress для социальных сетей. 

Этот плагин может понравиться многим, поэтому мы использовали его довольно долгое время, и у него 4,66-звездочный рейтинг на 24,800 продаж .

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

• Поддерживает более 50 социальных сетей
• Поставляется в комплекте с более чем 30 автоматическими позициями отображения , включая различные встроенные и плавающие опции, а также уникальные опции, такие как верхние панели, плавающие кнопки действий и всплывающие окна лайтбоксов.
• 55+ разных стилей кнопок
• Общее и индивидуальное количество акций, включая требования к минимальному количеству акций и восстановление количества акций
• Параметры настройки для управления тем, что пользователи разделяют
• Кнопки социальных сетей, в том числе счетчики

Если вам просто нужны основные кнопки общего доступа, все эти функции могут быть излишними. Но если вы хотите максимально контролировать свои кнопки общего доступа, Easy Social Share Buttons – отличный вариант.

Цена: 20 долларов

Get Easy Social Share Кнопки

3. AddToAny

Согласно его номерам в WordPress.org, AddToAny – самый популярный плагин для социальных сетей в WordPress, который вы найдете.

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

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

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

Помимо этого, вы получаете такие функции, как:

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

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

В общем, этот популярный по причине. Хотя в нем отсутствуют более продвинутые функции премиум-вариантов, такие как Social Warfare или Easy Social Share Buttons, это отличный вариант для добавления основных кнопок общего доступа на ваш сайт.

Цена: бесплатно

Получить AddToAny

4.

Monarch

Monarch – это премиальный плагин для социальных сетей от Elegant Themes, создатель популярной темы Divi.

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

Он дает вам доступ к 20 различным социальным сетям, а также к 5 различным дисплеям, включая:

• Содержание выше / ниже
• Плавающая боковая панель
• Автоматическое всплывающее окно или flyin
• На индивидуальном медиа-контенте

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

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

И вы также получаете опции для глубины прокрутки, времени и других триггеров.

Другие полезные функции включают в себя:

• Отчеты
• Кнопки социальных сетей, включая количество подписчиков
• Аналитика для акций, подписок и лайков

Как я уже сказал – я бы не рекомендовал этот плагин, если это единственный продукт Elegant Themes, который вы будете использовать ( в этом случае есть более дешевые варианты ). Но если вы заинтересованы в других продуктах, таких как Divi или Bloom, членство в Themes Themes – отличная идея.

Цена: часть членства в элегантных темах за 89 долларов

Получить монарх

5. MashShare

MashShare – это популярный бесплатный плагин для социальных сетей, который помогает вам добавлять кнопки и счетчики в стиле Mashable на ваш сайт. Он от того же разработчика, что и замечательный плагин WP Staging, а также плагин AdSense WP QUADS.

Его внешний вид может быть не для всех, но если вы хотите использовать стиль Mashable, MashShare предоставляет.

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

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

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

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

Цена: бесплатно. Можно также приобрести отдельные дополнения или лицензию для всех дополнений за 39 евро

Получить MashShare

6.

Social Pug

Social Pug – это простой плагин для кнопок обмена WordPress, который поможет вам добавить кнопки обмена:

• До / после контента
• Как плавающий бар

Что мне нравится в этом плагине:

• Это супер просто в использовании
• Дизайн кнопок отлично смотрится прямо из коробки

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

Если вы выбирите Pro, вы также получите:

• Больше социальных сетей
• Больше вариантов размещения
• Сокращение ссылок через Bitly
• Отслеживание Google Analytics UTM
• Следуйте кнопкам
• Шаринг в Tweeter
• Виджет самых общих сообщений

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

Цена: бесплатно. Pro начинается с $ 29

Получить

Social Pug

7. OnePress

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

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

• Конкретный пример за социальной стеной (например, «поделитесь этим постом в Twitter, чтобы разблокировать точный шаблон электронной почты, который я использовал для получения новых клиентов»)
• Данные
• Файл для загрузки
• И т.п.

В бесплатной версии OnePress Social Locker поддерживает:

А если вы приобретёте PRO, вы получите доступ к новым сетям, таким как LinkedIn и YouTube, с поддержкой Pinterest и Instagram, а также с аналитикой.

Цена: бесплатно, или 27 долларов за Pro

Получить 

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

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

Easy Social Share Buttons – еще один качественный вариант. И Monarch – отличный выбор для участников Elegant Themes.

Для бесплатных опций это зависит от ваших приоритетов:

• AddToAny поддерживает большинство социальных сетей и имеет универсальную кнопку «Поделиться»
• MashShare имеет уникальный стиль Mashable
• Social Pug прост и отлично смотрится из коробки

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

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

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

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

Способ 1. Установка с помощью  сервиса share.pluso.ru.

С помощь этого сервиса можно установить любые кнопки социальных сетей очень быстро, а главное, кнопочки выглядят красивыми :smile:. Для установки, сначала перейдите на share.pluso.ru. Потом вам нужно выбрать кнопки, которые вы хотите видеть на своем ресурсе. Для этого просто левой кнопкой мыши перетащите их с раздела «Доступны к выбору» в раздел «Выбранные сети». После этого, выберите понравившейся вам стиль кнопок ;-).

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

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

Способ 2. Установка с помощью  сервиса uptolike.

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

Что значит, что это наиболее универсальны способ? Просто чтобы установить кнопки uptolike, вы можете использовать просто код кнопок, или выбрать плагин. Вы можете выбрать:

• WordPress плагин
• Joomla плагин
• Drupal модуль
• Bitrix модуль
• Ну и конечно, просто установив код на сайте.

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

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

Возможности uptolike

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

Способ 3. Устанавливаем социальные кнопки для сайта с помощью сервиса api.yandex.ru/share.

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

Для установки, сначала нужно перейти на сервис api.yandex.ru/share. Здесь все очень просто: слева нужно поставить галочку рядом с кнопкой, которую вы хотите себе добавить, а справа выберите внешний вид блока

После настройки просто скопируйте код и вставьте его в то место, где вы хотите видеть кнопки социальных сетей на сайте. Для wordpress, это файл single.php или index.php.

Способ 4. Устанавливаем кнопки социальных сетей для сайта с помощью плагина Social Share Buttons.

Когда я только начинал вести первый блог, то у меня стоял этот плагин и он мне понравился. Установил его за одну минуту, настроил и вот тебе красивые кнопочки, не нужно копаться в различных кодах и изучать правила сss :smile:. Но каждый плагин имеет существенный недостаток – это дополнительная нагрузка на сервер. Если ваш сайт медленно грузиться, то после установки плагина, он будет загружаться еще дольше.

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

Не знаю как вам, но мне такой вариант не очень понравился :smile:. Для начала, я бы советовал нижнюю часть кнопок вообще убрать, чтобы они не повторялись. Для этого зайдите в «Панель управления» — «Share Buttons» – «Like настройки» и в самом верху справа есть надпись «Включение/Отключение социальных кнопок», ниже этой надписи уберите три галочки и нажмите на кнопку в самом низу «Сохранить изменения».

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

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

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

Мне кажется, очень неплохо, и самое главное аккуратно :smile:.

Способ 5. Устанавливаем кнопки соц сетей для сайта с помощью кода.

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

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

Кнопка «Мне нравится» от Вконтакте и Facebook;
Кнопка twitter.
После выполненной работы, вы получите примерно такой код всех кнопочек вместе:

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

.knop {
margin: 20px 0 50px 0; }
.twitter {
float:right; }
.vk {
float:left; margin-left: 10px; }
.google {
float:left; margin-left: 1px; }
.fb-like {
margin-left: 40px; }

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

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

На этом у меня все. А какие вы установили кнопки социальных сетей для сайта.

Социальные кнопки для сайта. Лучщие сервисы кнопок социальных сетей.

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

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

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

• Вконтакте;
• Facebook;
• Twitter;
• Одноклассники;
• МойМир;
• Livejournal;
• Friendfeed;
• Мой круг;
• Google+.

Переходите на страницу сервиса «Поделиться» от Яндекс.

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

Google +1

Google +1 позволяет пользователям проголосовать за страницу вашего портала и рассказать о ней своим друзьям в социальной сети Google+. Чем больше голосов она соберет, тем лучше к ней будет относится Google, поэтому старайтесь выбирать размер для нее по-больше и располагать на видном месте.

Перейдите на страницу получения кода кнопки Google +1.

Настройте размер и внешний вид кнопки, выберете русский язык. Расширенные настройки вам вряд ли пригодятся. Как видите, получит социальные кнопки от Яндекс и Google очень легко и быстро. Буквально два клика мыши, и все готово!

AddThis

AddThis.com предлагает разместить оранжевую кнопку Share (или оранжевый +), содержащую огромное количество всевозможных социальных сетей, закладок и сервисов. Самые популярные социалки можно вынести из общего списка и поместить отдельно рядом с Share. Помимо этого, сервис предлагает аналитику и статистику по активности читателей. Для доступа к ней на addthis.com следует зарегистрироваться.

Переходите на данную страницу и выбирайте внешний вид панели:

Код генерируется автоматически в правом окне.

Кроме этого, AddThis для самых популярных платформ предлагает отдельные расширения.

Например, выбираем WordPress — самую популярную CMS для создания блогов. Для нее AddThis предоставляет бесплатный плагин и подробную инструкцию с картинками по его установке и настройке.

Share Pluso

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

Share Pluso поддерживает более 20 основных сервисов, закладок и социальных сетей рунета. Добавьте к этому несколько служебных функций: печать, в закладки, отправить на email и так далее.

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

Share42

По количеству доступных социалок Share42, конечно уступает рассмотренному выше AddThis, но он подкупает красотой.

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

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

2. Далее идут параметры социальных иконок:

• Тип панели с иконками — горизонтальный блок легче разместить, но плавающий вертикальный смотрится гораздо красивее и всегда находится на экране, поэтому читатель его обязательно заметит.
• Кодировка вашего сайта — если не знаете кодировку, оставьте как есть: UTF-8.
• Язык подсказок у иконок — русский сайт, следовательно и подсказки должны быть на русском.
• Добавить иконку сайта Share42.com — добавить к выбранным социальным кнопкам иконку, ведущую на страницу автора скрипта — Share42.com.
• Ссылка на RSS вашего сайта — данная опция будет активна, если вы выберете иконку RSS ленты. Напомню, RSS ленту новостей своего сайта обязательно следует добавить в сервис FeedBurner от Google.
• К вашему сайту подключен jQuery? jQuery — это библиотека языка JavaScript предназначенная для создания всевозможных визуальных эффектов. Если не уверены, подключена она или нет — галочку не ставьте.

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

4. Установка скрипта на сайт.

Распакуйте полученный архив и загрузите полученную папку share42 на сервер в корневой каталог. Для работы с ftp могу посоветовать использовать бесплатную программу — FileZilla.

Если вы все правильно сделали и папка со скриптом действительно загружена в корневой каталог, то ее адрес будет http://vash_site.ru/share42/. Укажите его в пункте 3 раздела «Установка скрипта на сайт».

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

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

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

<script type="text/javascript">share42('http://site.ru/share42/',150,20)</script>

Далее его следует вставить «прямо перед или сразу после основного текста страницы». Для того же WordPress это сделать не составит труда: открываем поочередно шаблоны single.php, page.php и index.php и вставляем код сразу после строчки, отвечающей за вывод контента страницы. В моей теме WordPress она имеет вид:

?php the_content('Читать полностью'); ?>

Если не знаете, куда именно вставить код, на выручку всегда придет методом «научного тыка» — рано или поздно у вас все получится, и панелька отобразиться на нужном месте.

Последнее, что следует сделать, это скопировать стили из шага №6 в файл стилей вашего сайта — с расширением .css. Чаше всего этот файл носит название style.css.

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

О том, как их установить на свой блог, читайте в разделе «Важная информация» :

Данные социальные кнопки предоставляет нам поисковая система Яндекс. Да-да, наш Яша способен куда на большее, чем просто блок «Поделиться». Для функционирования кнопок нам потребуется задействовать два кода.

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

<script src="//yandex.st/share/cnt.share.js"></script>

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

<div data-yashareLink="" data-yashareTitle="" data-yashareDescription="" data-yashareImage="" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter" data-yashareType="small"></div>

Обратите внимание на атрибут data-yashareType=»small». Здесь задается размер иконок: small — маленький, big — большой. Все гениальное просто.

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

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

Код кнопки состоит из двух частей:

1. Скрипта, заключенного между тегами имеющими примерно следующий вид:

<script type="text/javascript">...</script>

2. Блока, отвечающего за отображение иконок — весь остальной код.

Так вот, все используемые на странице скрипты лучше размещать в одном месте — в самом низу html кода страницы, перед следующими закрывающими тегами:

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

На этом все, спасибо за внимание. Берегите себя!

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

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

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

И снова я вас приветствую, уважаемые посетители моего маленького блога!

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

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

10 лучших плагинов WordPress для обмена информацией в социальных сетях

1. Easy Social Share Button for WordPress

Easy Social Share Button для Word Press — это плагин, позволяющий обмениваться информацией в социальных сетях. Он обеспечивает идеальную адаптивность и позволяет поделиться с 45 социальными сетями. Это не только большой выбор полнофункциональных кнопок социальных сетей, но и 52 шаблонных мультимедиа с различными вариантами дизайна. А также экспонат, который может быть собственной настройкой. По оценкам, уже более 60000 сайтов используют плагин Easy Social Share Button. Если вы хотите попробовать вы можете скачать его здесь.

Особенности плагина Easy Social Share Button

• Более 52 шаблонов
• Более 25 анимаций
• Различные стили и ширина кнопок
• Настройщики шаблонов
• Несколько стилей счетчиков
• Счетчики акций социального доказательства

2. WP Social Sharing

WP Social Sharing добавляет очень привлекательные, отзывчивые кнопки социальных сетей Facebook, Twitter, LinkedIn, Xing, Google+ для WordPress постов, страницы, медиа или любого другого типа поста. WP Social Sharing — бесплатный и легкий плагин, который позволяет вам добавлять к нему свои собственные CSS и JavaScript. Это не просто простой и легкий в использовании плагин, но также может похвастаться 100% отзывчивыми кнопками социального обмена.

Особенности WP Social Sharing:

• 100% отзывчивый
• Можно добавить текст перед кнопками общего доступа
• Автоматическое отображение в сообщениях, на страницах, мультимедиа и пользовательских типа сообщений
• Поддержка социальных сетей таких как Facebook, Google+, LinkedIn, Twitter, Xing и Pinterest
• Пользовательский текст социальных кнопок
• Легкое изменение порядка социальных значков
• Предоставляет шорткоды, которые можно легко интегрировать с любой темой
• Не изображения, кнопки созданы с использованием CSS3. Для устройства шириной менее 480 пикселей этот плагин использует одно изображение для отображения значков социальных сетей.

3. Custom Share Buttons with Floating Sidebar

Пользовательские кнопки «Поделиться» с плагином «Custom Share Buttons with Floating Sidebar» могут показать кнопки, чтобы поделиться в социальных медиа в любом месте, как в посте, на страницах вашего сайта, с вариантами отображения вверху или внизу контента, а также плавающим блоком справа или слева — как вам удобно.

Особенности Custom Share Buttons with Floating Sidebar:

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

4. Social Warfare

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

Особенности Social Warfare:

• Привлекательность
• Быстродействие
• Настраиваемость
• Изображения Pinterest
• Пользовательские твиты
• Общие цитаты
• Твиттер-карта
• Социальное доказательство
• Отзывчивость
• Защита контента

5. Mash share

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

Особенности плагина Mash Share:

• Высокопроизводительные иконки для социальных сетей — простые в использовании — кнопки общего доступа для наиболее распространенных сетей
• Иконки векторного шрифта высокого разрешения без потери качества
• Показывает общее количество акций в социальных сетях
• Объектные и временные кэши обеспечивают невероятно высокую скорость выполнения значков социальных сетей
• Шорткоды
• Расширяемый с помощью множества надстроек (Google Analytics, больше социальных сетей, отзывчивый, YouTube Video Share и многое другое …)
• Настраиваемый

Интеллектуальная (виртуальная) функция подсчета акций. Добавьте виртуальные акции в новые статьи. Используйте психологические аспекты, чтобы увеличить реальные доли.

6. Sumo Me Share

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

Особенности Sumo Me Share:

• 100% оптимизирован для мобильных устройств.
• Полный контроль над тем, какие функции включить
• Бесплатная и простая интеграция с любой темой WordPress
• Выбор времени подписки на электронную почту
• Просто удалите все твиты, которые вам не нужны
• Полный HTML-контроль контента
• Настройте шаблоны, чтобы ваше электронное всплывающее окно выглядело удивительно
• Асинхронная загрузка, которая не влияет на скорость загрузки страницы

7. Simple Share Buttons Adder Plugin

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

Особенности Simple Share Buttons Adder:

• Отзывчивость
• Настраиваемость
• Сокращение URL
• Поделиться тегами
• Отслеживание кликов
• Шорткоды

8. Monarch

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

Особенности плагина Monarch Social Sharing:

• Создавайте и показывайте ваших социальных подписчиков
• Чистый настраиваемый дизайн
• Изящный и отзывчивый
• Молниеносный

9. Shareaholic for WordPress

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

Особенности плагина Shareaholic for WordPress:

• 100% настраиваемость
• Оптимизирован для мобильных устройств
• Создан для масштаба
• Монетизирован
• Быстрый и безопасный

10. Add To Any Share Buttons

Плагин Add To Any Share Buttons для WordPress увеличивает трафик и взаимодействие, помогая людям делиться своими сообщениями и страницами с любым сервисом. Для таких сервисов как Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других сайтов и приложений для обмена информацией и социальных сетей.

Особенности Add To Any Share Buttons:

• Стандартные кнопки общего доступа — делятся каждым фрагментом контента
• Плавающие кнопки обмена — отзывчивые и настраиваемые, вертикальные и горизонтальные
• Мобильный и отзывчивый
• Идеальные значки
• Создан для хорошего
• Интегрирован с Google Analytics
• Нет необходимости в аккаунте
• Счетчики общего доступа
• Плавающие бары
• Настраиваемый

Выбирайте любой, какой вам понравится.

До скорых встреч!

Навигация по записям

Юрич:

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

Не забудьте подписаться на обновления:

Похожие записи

Оставить свой комментарий

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

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

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

Скрипт социальных кнопок для сайта предоставляют много источников:

1. Социальные кнопки яндекса;
2. Плагины социальных кнопок для WordPress;
3. Сервисы социального шаринга и дополнительных инструментов.

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

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

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

Есть возможность размещения:

• Простых иконок;
• Иконок со счетчиками;
• Показывать только несколько сетей и и кнопки меню для открытия дополнительных;
• Кнопок маленького размера.

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

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

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

Изменение стиля социальных кнопок Яндекса

Чтобы изменить внешний вид, необходимо переопределить стили Яндекса в своем CSS файле.

.b-share_theme_counter .b-share {
padding: 0 !important;
}

.b-share_theme_counter .b-share__link {
border-radius: 0px !important; /*убираем скругление иконок*/
background-color: #555 !important; /*делаем фон серым*/
}

.b-share_theme_counter .b-share__link:hover {
opacity: 0.8; /*добавляем прозрачность при наведении*/
}

.b-share_theme_counter .b-share-icon {
background-image: url(‘http://ваш сайт.ру/files/b-share_counter_large.png’) !important;
/*заменяем стандартное изображение иконок на свое*/
}

.b-share_theme_counter .b-share-counter {
color: #fff; /*задаем цвет текста*/
}

Меняем размер иконок:

.ya-share2__container_size_m .ya-share2__icon {
height: 40px !important;
width: 40px !important;
background-size: 40px 40px !important;
}

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

Плагины социальных кнопок для WordPress

Easy Social Share Buttons

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

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

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

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

Monarch от Elegant Themes

Monarch — это платный плагин для социальных сетей, который поставляется с тарифными планами Elegant Theme’s Developer и Lifetime Access. Данные планы включают в себя более 85 премиум тем для WordPress и все другие плагины от этого разработчика. К сожалению, политика компании такова, что вы не можете купить отдельно сам только плагин. Вы оплачиваете полный тарифный план и получаете доступ сразу ко всем премиум плагинам и темам разработчика.

Monarch — это отзывчивый плагин, который позволит вам размещать эффектные плавающие бары по бокам поста или статические горизонтальные бары в начале/конце поста. Monarch предоставляет более 20 иконок для социальных сетей, есть image-sharing, pop-up и fly-in функции, а также множество настроек для оформления и дизайна.

Social Warfare

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

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

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

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

SumoMe Share

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

SumoMe Share Pro поставляется с дополнительными функциями. Например, здесь есть возможность удалить брендинг SumoMe из вашего бара, можно отслеживать UTM-метки, чтобы узнать, какие социальные сети приносят наибольший трафик и т.д.

GetSocial

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

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

AddToAny Share Buttons

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

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

Custom Share Buttons with Floating Sidebar

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

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

Sharify Social Share Buttons

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

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

Социальные кнопки и дополнительные инструменты AddThis

Здесь бы я хотел рассмотреть очень удобный по моему мнению инструмент предоставляемый сервисом AddThis. Который предлагает для использования:

1. Кнопки социальных сетей;
2. Кнопки подписки в соцсетях;
3. Похожие материалы;
4. И многое др…

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

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

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

А теперь по порядку:

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

Инструменты

В инструментах нам доступны

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

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

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

По нажатию Add more Services доступны все популярные социальные сети, как зарубежные, так и наши.

Рекомендуемые статьи

Сервис предлагает и удобный инструмент для показа рекомендуемых статей посетителей.

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

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

Как я отмечал в своей статье, как ускорить сайт на WordPress , по PageSpeed Insight показатель понижения скорости от использования AddThis кода на сайте всего 1%.

Вы можете добавлять разное количество сайтов, по каждому сайту получать статистику и все это на бесплатной основе. Сервис действительно очень удобен. Сайт сервиса www.addthis.com.

Вас могут заинтересовать:

Лучшие плагины WordPress для социальных сетей 2020

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

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

1. Social Warfare

Social Warfare – это плагин для обмена с соцсетями. Плагин доступен в бесплатной и платной версиях.

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

• Facebook
• Twitter
• Pinterest
• LinkedIn

Вы можете разместить свои кнопки обмена:

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

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

Social Warfare может помочь вам создать свои собственные кнопки «click-to-tweet».

С версией Pro вы получаете доступ к еще большему количеству социальных сетей, включая Reddit, WhatsApp, Pocket и электронную почту.

В дополнении к настройке названий / описаний в Facebook и Twitter вы можете загрузить специальное изображение Pinterest (что важно, так как в Pinterest лучше публиковать удлиненные изобажения).

Другие функции Pro включают в себя:

• Установить минимальное количество реакций перед отображением общего количества реакций.
• Восстановить потерянные данные о реакциях.
• Сокращение ссылок.
• Отслеживание событий Google Analytics и UTM.

Цена: ограниченная бесплатная версия. Pro версия начинается с $ 29.

2. Elementor Pro

Elementor – плагин для конструктора страниц. Но почему он включен в список плагинов для совместного использования в WordPress?

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

Вы можете выбрать из 17 различных социальных сетей и 5 готовых дизайнов.

Эта функция становится действительно мощной, когда вы комбинируете ее с другими функциями Elementor Pro.

Например, вы можете использовать:

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

Помимо обмена в социальных сетях вы можете использовать все функции Elementor Pro.

Цена: основной плагин Elementor бесплатный. Однако вам нужен Elementor Pro для доступа к виджетам кнопки «Поделиться». Elementor Pro стоит от 49 долларов и дает вам доступ ко всем функциям премиум-класса.

3. Scriptless Social Sharing

Scriptless Social Sharing – отличный плагин, если вы ищете для работы что-то легкое и удобное. Но это не самый лучший вариант, если вы хотите что-то с причудливыми функциями и стилями.

Плагин добавляет базовые значки кнопок обмена с помощью SVG или веб-шрифта – в любой такой момент JavaScript не задействован.

Он включает до 10 вариантов обмена, но этот список имеет все важные имена, включая:

• Facebook
• Twitter
• Pinterest
• LinkedIn
• WhatsApp
• смс.

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

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

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

Цена: 100% бесплатно.

Смотрите также:

Коллекцию 2020 года бесплатных плагинов для WordPress Messenger.

4. Easy Social Share Buttons

Easy Social Share Buttons является самым популярным социальным обменным плагином на Envato CodeCanyon, где он был приобретен более 29000 раз с отличными 4,67-звездами и более чем 1250 обзорами.

Easy Social Share Buttons – это больше, чем просто плагин для обмена в социальных сетях – это как целый набор социальных сетей для вашего сайта WordPress.

Что касается количества функций, которые вы получаете, навряд ли какой-либо другой плагин конкурирует с Easy Social Share Buttons.

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

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

Чтобы управлять тем, как ваш контент выглядит при совместном использовании, Easy Social Share Buttons позволяет вам задавать описания Facebook / Twitter.

Другие полезные функции включают в себя:

• 40+ различных стилей кнопок социальных сетей.
• Выделенные изображения Pinterest.
• Возможность добавить кнопку «Pin» Pinterest к изображениям.
• FOMO уведомления в реальном времени для реакций.
• События после обмена. Например, вы можете отображать кнопки следования после того, как кто-то поделится вашим контентом.
• Кнопки социальных сетей для продуктов WooCommerce.
• Встроенная регистрация кликов и обмен аналитикой.

Помимо социального обмена, кнопки Easy Social Share помогут вам:

• Создать формы для подписки по электронной почте, которые подключаются к девяти популярным службам почтового маркетинга.
• Добавить чат через Facebook Messenger, Skype, WhatsApp или Viber.
• Отобразить ленту Instagram на своем сайте.

Цена: $ 22 с пожизненными обновлениями для одного сайта (лицензия Envato).

5. AddToAny Share Buttons

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

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

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

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

Другие полезные функции:

• Подсчет реакций.
• Интеграция с Google Analytics для отслеживания эффективности ваших кнопок.
• Сокращение ссылок с Bitly или другими сократителями URL-ов.

В целом, основная причина использования AddToAny – получить «универсальную» кнопку.

Цена: 100% бесплатно

6. Shared Counts

Shared Counts – еще один бесплатный легкий плагин для обмена информацией в социальных сетях. В этом отношении он похож на плагин Scriptless Social Sharing.

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

Плагин также может восстановить количество ваших реакций, если вы перешли с HTTP на HTTPS.

Shared Counts поддерживает все популярные социальные сети, в том числе:

• Facebook
• Twitter
• Pinterest
• Yummly
• Обмен электронной почтой
• LinkedIn.

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

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

Цена: 100% бесплатно.

7. Ultimate Addons for Gutenberg

Ultimate Addons for Gutenberg – это набор новых блоков для редактора блоков WordPress. Он поставляется с кучей блоков для всего: от кнопок до колонок, прайс-листов и отзывов.

Однако интересующий нас блок — это блок Social Share.

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

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

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

Цена: 100% бесплатно

Какой лучший плагин для WordPress?

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

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

• Social Warfare
• Easy Social Share Buttons.

Если вы хотите больше сетей, вы не ошибетесь с AddToAny.

И если вам нужен самый легкий плагин для обмена социальными ресурсами, вы должны проверить Scriptless Social Sharing, если вам не нужен подсчет общего ресурса, и Shared Count, если вам это важно.

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

Источник: wplift.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Правильные социальные share-кнопки / Хабр

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

Внешний вид

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

Быстродействие

В пору быстрого интернета все меньше приходится задумываться об оптимизации скорости загрузки сайта. Однако с каждым годом растет количество пользователей мобильного интернета, который пока не может похвастаться высокими скоростями. А социальные кнопки способны заметно замедлить загрузку сайта. Интересный факт: еще в 2007 году Amazon сообщил, что каждые лишние 100мс при загрузке сайта снижают продажи на 1%. А Google с 2010 года учитывает скорость загрузки при ранжировании сайтов в поисковой выдаче. И хочется ли после этого ставить нативные кнопки?

 Что же делать?

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

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

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

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

PLUSO — молодой сервис, который удовлетворяет всем вышеуказанным требованиям, вот какие кнопочки он позволяет делать, всего более 300 вариаций:

А какими сервисами социальных кнопок пользуетесь вы?

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

Полная шпаргалка по созданию кнопок общего доступа к социальным сетям

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога. Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для обмена в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( Клиенты HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего это:

Кнопка «Follow» в Twitter отлично подходит для создания новых подписчиков для вашей учетной записи Twitter. Пользователи могут начать следить за вами в Twitter одним щелчком мыши — даже не покидая ваш сайт.

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т. Е. Учетную запись, на которую вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2. Кнопка «Поделиться» в Twitter

Для чего это:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter».Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

3. Кнопка хештега Twitter

Для чего это:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега».Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии. Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего это:

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

Как добавить кнопку упоминания Twitter:

Посетите https: // publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в HubSpot:

5. Кнопка сообщения Twitter

Для чего это:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в свой якорный текст (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

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

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотрите один в действии:

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

1. Плагин страницы Facebook

Для чего это:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего это:

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

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» на Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего это:

Кнопка «Поделиться»

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где должна появиться кнопка. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

Увидеть один в действии:

Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Плагин LinkedIn Follow Company

Для чего это:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего это:

Добавление кнопки «Поделиться» в LinkedIn позволяет посетителям легко делиться вашим контентом со своими контактами в LinkedIn, будь то сообщение в блоге, целевая страница или другая веб-страница.Подобно кнопкам «Нравится» и «Поделиться» в Facebook и кнопке «Твитнуть» в Twitter, включение этой кнопки может помочь расширить охват вашего контента для аудитории LinkedIn и вернуть трафик на ваш сайт.

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Дополнительные кнопки LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего это:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего это:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Следуйте за HubSpot в Pinterest:

2. Кнопка Pin It

Для чего это:

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

Как добавить кнопку «Закрепить»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код для встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на ваш веб-сайт

Для чего это:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

Полная шпаргалка по созданию кнопок общего доступа к социальным сетям

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для обмена в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( Клиенты HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего это:

Кнопка «Follow» в Twitter отлично подходит для создания новых подписчиков для вашей учетной записи Twitter. Пользователи могут начать следить за вами в Twitter одним щелчком мыши — даже не покидая ваш сайт.

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка «Поделиться» в Twitter

Для чего это:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

3. Кнопка хештега Twitter

Для чего это:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего это:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в HubSpot:

5. Кнопка сообщения Twitter

Для чего это:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в свой якорный текст (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

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

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотрите один в действии:

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

1. Плагин страницы Facebook

Для чего это:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего это:

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

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» на Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего это:

Кнопка «Поделиться»

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где должна появиться кнопка. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

Увидеть один в действии:

Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Плагин LinkedIn Follow Company

Для чего это:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего это:

Добавление кнопки «Поделиться» в LinkedIn позволяет посетителям легко делиться вашим контентом со своими контактами в LinkedIn, будь то сообщение в блоге, целевая страница или другая веб-страница.Подобно кнопкам «Нравится» и «Поделиться» в Facebook и кнопке «Твитнуть» в Twitter, включение этой кнопки может помочь расширить охват вашего контента для аудитории LinkedIn и вернуть трафик на ваш сайт.

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Дополнительные кнопки LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего это:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего это:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Следуйте за HubSpot в Pinterest:

2. Кнопка Pin It

Для чего это:

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

Как добавить кнопку «Закрепить»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код для встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на ваш веб-сайт

Для чего это:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

Полная шпаргалка по созданию кнопок общего доступа к социальным сетям

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для обмена в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( Клиенты HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего это:

Кнопка «Follow» в Twitter отлично подходит для создания новых подписчиков для вашей учетной записи Twitter. Пользователи могут начать следить за вами в Twitter одним щелчком мыши — даже не покидая ваш сайт.

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка «Поделиться» в Twitter

Для чего это:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

3. Кнопка хештега Twitter

Для чего это:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего это:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в HubSpot:

5. Кнопка сообщения Twitter

Для чего это:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в свой якорный текст (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

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

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотрите один в действии:

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

1. Плагин страницы Facebook

Для чего это:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего это:

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

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» на Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего это:

Кнопка «Поделиться»

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где должна появиться кнопка. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

Увидеть один в действии:

Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Плагин LinkedIn Follow Company

Для чего это:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего это:

Добавление кнопки «Поделиться» в LinkedIn позволяет посетителям легко делиться вашим контентом со своими контактами в LinkedIn, будь то сообщение в блоге, целевая страница или другая веб-страница.Подобно кнопкам «Нравится» и «Поделиться» в Facebook и кнопке «Твитнуть» в Twitter, включение этой кнопки может помочь расширить охват вашего контента для аудитории LinkedIn и вернуть трафик на ваш сайт.

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Дополнительные кнопки LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего это:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего это:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Следуйте за HubSpot в Pinterest:

2. Кнопка Pin It

Для чего это:

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

Как добавить кнопку «Закрепить»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код для встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на ваш веб-сайт

Для чего это:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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

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

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

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

Чтобы решить эту проблему, мы составили подробное руководство, которое поможет вам понять разницу между кнопками «Поделиться» и «Подписаться» для шести крупнейших социальных сетей — Twitter, Facebook, LinkedIn, YouTube, Instagram и Pinterest — а также то, как реализовать их на своем веб-сайте, в блоге и другом контенте.

Перейти к инструкциям для: Twitter | Facebook | LinkedIn | YouTube | Pinterest | Instagram

Полная шпаргалка по созданию кнопок общего доступа к социальным сетям

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

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

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

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

Вы можете разместить эти кнопки где угодно на своем веб-сайте, но мы рекомендуем по крайней мере разместить эти кнопки на странице «О нас» вашего веб-сайта и на домашней странице / боковой панели вашего блога.Кнопка подписки на Twitter, кнопка подписки на Facebook, подключаемый модуль подписки компании LinkedIn и кнопка подписки на YouTube (и другие), которые мы рассмотрим в этой статье, служат в качестве кнопок подписки в социальных сетях.

Ссылки / кнопки для обмена в социальных сетях

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

Вам следует добавить ссылки / кнопки для совместного использования в социальных сетях к каждому создаваемому вами контенту, включая целевые страницы, веб-страницы, отдельные статьи в блогах, содержимое электронной почты и т. Д. Кнопки Tweet / Share, кнопки Facebook Like и Share и кнопку LinkedIn Share (и многое другое), о которых мы расскажем в этой статье, все служат в качестве кнопок публикации в социальных сетях.

Теперь давайте погрузимся в наиболее важные кнопки социальных сетей, доступные для каждой из шести ведущих социальных сетей. ( Клиенты HubSpot: Многие из этих кнопок идут прямо из коробки с приложениями HubSpot для социальных сетей.)

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

1. Кнопка подписки на Twitter

Для чего это:

Кнопка «Follow» в Twitter отлично подходит для создания новых подписчиков для вашей учетной записи Twitter. Пользователи могут начать следить за вами в Twitter одним щелчком мыши — даже не покидая ваш сайт.

Как добавить кнопку подписки в Twitter:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter», чтобы настроить избранную учетную запись вашей кнопки (т.е.е. аккаунт, на который вы хотите, чтобы люди подписывались).

Затем выберите «Follow Button»:

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

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

Посмотрите на это в действии. Следуйте за HubSpot в Twitter:

2.Кнопка «Поделиться» в Twitter

Для чего это:

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

Как добавить кнопку «Поделиться»:

Посетите https://publish.twitter.com/# и выберите «Кнопки Twitter». Затем нажмите кнопку «Поделиться»:

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

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

Посмотрите на это в действии. Твитнуть это сообщение в блоге:

3. Кнопка хештега Twitter

Для чего это:

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

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

Как добавить кнопку хэштега Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», чтобы настроить кнопку хэштега. Затем выберите «Кнопка хештега». Затем вы можете настроить или скопировать и вставить код как есть на свой веб-сайт.

Посмотрите на это в действии.Напишите в Твиттере о ежегодном мероприятии по маркетингу и продажам HubSpot INBOUND:

4. Кнопка упоминания Twitter

Для чего это:

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

Как добавить кнопку упоминания Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter», а затем «Кнопка упоминания», чтобы настроить кнопку.Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправьте сообщение в HubSpot:

5. Кнопка сообщения Twitter

Для чего это:

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

Как добавить кнопку сообщения Twitter:

Посетите https://publish.twitter.com/# и нажмите «Кнопки Twitter» и «Кнопка сообщений», чтобы настроить кнопку. Затем возьмите HTML-код и вставьте его в HTML-код своего веб-сайта там, где должна отображаться кнопка.

Посмотрите на это в действии. Отправить прямое сообщение в HubSpot:

Сообщение @HubSpot

6. Предварительно заполненные текстовые ссылки «Tweet This»

Для чего они нужны:

Вы когда-нибудь хотели создать якорную текстовую ссылку, которая будет предварительно заполнять определенное сообщение Twitter для ваших посетителей? Мы называем эти ссылки ссылками «Твитнуть», и в HubSpot мы часто используем их в статьях блогов, чтобы упростить обмен контентом.

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

Как добавить якорный текст «Твитнуть» CTA:

К счастью, есть отличный бесплатный инструмент, который поможет вам легко создавать ссылки «Твитнуть» для вашего контента. Просто посетите http: // clicktotweet.com, введите сообщение, в которое хотите добавить твит, и нажмите «Создать новую ссылку», а затем скопируйте / вставьте сгенерированный URL-адрес в свой якорный текст (например, «Твитнуть!»):

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

Посмотреть в действии:

(Помните, что вы можете настроить текст привязки по своему усмотрению.)

Твитнуть эту статью в блоге!

7. Виджет временной шкалы Twitter

Для чего они нужны:

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

Как добавить виджет временной шкалы Twitter:

Посетите https://publish.twitter.com/#, нажмите «Встроенная хронология» и вставьте URL-адрес профиля вашей компании в Twitter, списки или избранное. Затем возьмите HTML-код и разместите его на своем веб-сайте, где вы хотите, чтобы виджет отображался.

Посмотрите один в действии:

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

1. Плагин страницы Facebook

Для чего это:

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

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

Как добавить подключаемый модуль страницы Facebook:

Чтобы создать ящик лайков Facebook для своего веб-сайта, посетите https://developers.facebook.com/docs/plugins/page-plugin. Включите персональный URL-адрес вашей страницы в Facebook, а также свои настройки. Затем сгенерируйте код (доступный в HTML5, XFBML, IFRAME или URL-адресе) и разместите его на своем веб-сайте, где вы хотите, чтобы он отображался.

Увидеть в действии:

2. Кнопка «Нравится» на Facebook

Для чего это:

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

Используйте эту кнопку, чтобы посетители могли легко одобрить ваш контент и поделиться им со своими связями в Facebook, но имейте в виду, что эта кнопка не позволяет им добавлять персонализированные сообщения к ссылкам перед тем, как поделиться ими. Чтобы разрешить пользователям добавлять персонализированные сообщения, используйте кнопку «Поделиться» в Facebook (см. Ниже).

Как добавить кнопку «Нравится» на Facebook:

Посетите https://developers.facebook.com/docs/plugins/like-button, чтобы настроить кнопку «Нравится» и получить код (доступный в HTML5, XFBML, IFRAME или URL-адресе) для размещения на своем веб-сайте.

Посмотреть в действии:

3. Кнопка «Поделиться» в Facebook

Для чего это:

Кнопка «Поделиться»

Facebook действует аналогично кнопке «Нравится» (делится вашим контентом на своей временной шкале и в лентах новостей друзей), но также дает пользователям возможность добавить комментарий или сообщение к ссылке при совместном использовании.Эта кнопка также позволяет им делиться контентом другими способами — в группах Facebook и в сообщениях Facebook для определенных пользователей.

Как добавить кнопку Поделиться в Facebook:

Чтобы создать кнопку «Поделиться» в Facebook, посетите https://developers.facebook.com/docs/plugins/share-button и укажите URL-адрес, которым вы хотите поделиться, а также ширину. Затем сгенерируйте код , и вставьте его на свой сайт, где должна появиться кнопка. ( Примечание. Кнопка «Поделиться» доступна только в HTML5 или XFBML, и для нее требуется JavaScript SDK.)

Посмотреть в действии:

4. Якорный текст Facebook Ссылки для обмена

Для чего они нужны:

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

Как добавить текст привязки Facebook Поделиться ссылками:

Чтобы создать свои собственные ссылки для общего доступа в Facebook, замените оранжевый раздел URL-адреса ниже на URL-адрес контента, который вы хотите продвигать.Затем свяжите полный URL-адрес с текстом привязки, который вы хотите отображать в своем контенте.

http://www.facebook.com/share.php?u=hubspot.com

Увидеть один в действии:

Поделитесь этим постом на Facebook!

Дополнительные кнопки Facebook: здесь мы рассмотрели наиболее часто используемые кнопки социальных сетей для вашего бизнеса, но чтобы найти все официальные плагины Facebook для социальных сетей в одном месте, посетите https://developers.facebook.com/docs/plugins /.

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

1. Плагин LinkedIn Follow Company

Для чего это:

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам «Follow» в Twitter и Facebook, позволяет посетителям легко следить за страницей вашей компании в LinkedIn. Это позволяет вам расширить охват вашего бизнеса в LinkedIn.

Как добавить подключаемый модуль LinkedIn Follow Company:

Посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin, чтобы настроить кнопку.Есть несколько разных стилей на выбор, с вариантами, показывающими количество ваших подписчиков вверху, справа или вовсе.

Затем скопируйте сценарий HTML, заменив часть «data-id = 1337» идентификационным номером вашей компании. Вы можете найти это в разделе администратора на странице вашей компании.

Как они выглядят

2. Кнопка «Поделиться» в LinkedIn

Для чего это:

Добавление кнопки «Поделиться» в LinkedIn позволяет посетителям легко делиться вашим контентом со своими контактами в LinkedIn, будь то сообщение в блоге, целевая страница или другая веб-страница.Подобно кнопкам «Нравится» и «Поделиться» в Facebook и кнопке «Твитнуть» в Twitter, включение этой кнопки может помочь расширить охват вашего контента для аудитории LinkedIn и вернуть трафик на ваш сайт.

Как добавить кнопку «Поделиться» в LinkedIn:

Чтобы создать и установить эту кнопку, посетите https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/share-plugin и скопируйте HTML-код. Затем замените data-url = «https://www.linkedin.com» тем URL, которым вы хотите поделиться с посетителями, т.е.е. сообщения в блоге, которые читают посетители, или веб-страницу, на которую они попали.

Дополнительные кнопки LinkedIn: хотя мы рассмотрели наиболее часто используемые кнопки выше, вы можете найти все официальные кнопки и плагины LinkedIn для социальных сетей в одном месте по адресу https://docs.microsoft.com/en-us/linkedin/ потребитель / интеграции / самообслуживание / плагины? context = linkedin / consumer / context.

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

1. Кнопка подписки на YouTube

Для чего это:

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

Как добавить кнопку подписки на YouTube:

Чтобы создать кнопку подписки на YouTube, посетите страницу https://developers.google.com/youtube/youtube_subscribe_button, введите название канала YouTube своей компании, выберите размер кнопки и цветовую тему, решите, хотите ли вы отображать свой логотип, и решите, хотите ли вы отображать количество подписчиков: отображаемое или скрытое.Затем скопируйте и вставьте код на свой веб-сайт, где должна появиться кнопка.

Посмотрите на это в действии. Подпишитесь на канал HubSpot на YouTube:

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

1. Pinterest Follow Button

Для чего это:

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

Как добавить кнопку подписки на Pinterest:

Посетите https: // разработчики.pinterest.com/tools/widget-builder/?type=follow и настройте кнопку, введя URL-адрес и имя учетной записи Pinterest. После того, как вы введете эту информацию, он автоматически сгенерирует код, который вы можете вставить на свой веб-сайт.

Посмотрите на это в действии. Следуйте за HubSpot в Pinterest:

2. Кнопка Pin It

Для чего это:

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

Как добавить кнопку «Закрепить»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Закрепить». Вставьте URL-адрес и размер булавки. Затем скопируйте сгенерированный код для встраивания для использования на своем веб-сайте.

Посмотрите на это в действии. Закрепить это сообщение в блоге:

Дополнительные кнопки Pinterest. Другие виджеты Pinterest включают виджет профиля для предварительного просмотра ваших контактов, виджет доски для демонстрации определенных досок и виджет контактов для демонстрации определенных контактов.Создайте их на https://business.pinterest.com/en/widget-builder.

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

1. Добавление профиля Instagram на ваш веб-сайт

Для чего это:

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

Как добавить значок Instagram:

Самые популярные конструкторы веб-сайтов, включая HubSpot, WordPress и Wix, содержат значки социальных сетей, в том числе Instagram, которые легко встраиваются в ваш сайт. Оттуда вы просто захотите связать значок с учетной записью Instagram вашей компании (http://www.instagram.com/yourusername).

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

Как они выглядят:

(Так выглядит кнопка на HubSpot.com, но вы можете создать свою собственную, чтобы она соответствовала эстетике вашего веб-сайта.)

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

Прежде чем изменять кнопки социальных сетей на своем веб-сайте, ознакомьтесь с Условиями использования Facebook, Twitter, LinkedIn, Pinterest, YouTube и Instagram. Изменение логотипов и брендинга может привести к наказанию вашего веб-сайта, поэтому, если вы сомневаетесь, используйте точные логотипы, заполненные виджетами, которые мы перечислили выше.Удачного обмена!

Примечание редактора: этот пост был первоначально опубликован в декабре 2011 года и был обновлен для обеспечения точности и полноты.

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
Этот плагин также дает вам возможность публиковать контент вашего сайта в популярных социальных сетях. Это отличный вариант для тех, кто не умеет программировать, но хочет добавить кнопки социальных сетей на свой сайт.

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

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

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

Когда дело доходит до кнопок публикации в социальных сетях, ваш выбор столь же богат, как и оттенки краски в Home Depot (называйте меня сумасшедшим, но «весенний луговой зеленый» и «неоновый сельдерей» мне кажутся совершенно одинаковыми).

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

1. Расположение кнопок: насколько низко можно (или нужно) идти?

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

• Начало сообщения. Очень часто кнопки социальных сетей размещают в верхней части сообщений в блогах.

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

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

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

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

В блоге Moz кнопки социальных сетей находятся внизу сообщений

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

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

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

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

Upworthy помещает форму подписки, кнопку Twitter и комбинированное поле кнопки Facebook Share, которое находится в верхней части сообщения.

Затем, когда вы прокручиваете поле «Поделиться / подписки», на верхней панели появляется кнопка «Поделиться» в Facebook.

Кстати, для тех, кому интересно, в аду ​​ Санса Старк не может быть настоящим героем Игры престолов . Просто выкладываю это туда.

Несколько дополнительных общих правил, когда дело доходит до размещения кнопок:

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

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

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

2. Размер кнопки социальных сетей: чем больше, тем лучше?

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

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

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

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

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

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

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

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

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

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

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

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

4. Слишком много кликабельных вещей: не переусердствуйте с кнопками

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

Слишком много вариантов подавляет

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

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

Когда пользователи не могут решить, хотят ли они поделиться вашим сообщением в Tumblr, Pinterest, Facebook, Twitter, Reddit, StumbleUpon, LinkedIn или Buffer, они могут в конечном итоге вообще отказаться от публикации вашего сообщения! О ужас!

Избыток социальных кнопок также чертовски неприятен, как искусно иллюстрирует The Oatmeal .

Lots of Buttons = Social Slow Mo

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

Поскольку Google использует скорость сайта в качестве сигнала ранжирования, важно максимально сократить количество лишних слов. Для оптимального SEO вам нужно быть таким же быстрым, как Sonic the Hedgehog.

Выбор кнопок, которые оставить, а какие выбросить

Несомненно, было больно спешить к доске объявлений «Введение в актерское мастерство» в старшей школе только для того, чтобы обнаружить, что вы не заслужили роль Пака или Оберона в постановке вашей школы «Сон в летнюю ночь» , а вместо этого должны сыграть менее чем захватывающая роль Смеющейся Феи №3. К сожалению, необходимо сделать сокращения, и к вашим кнопкам социальных сетей нужно обращаться так же сурово, но справедливо.

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

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

Какова цель страницы?

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

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

Один пример использования Visual Website Optimizer показывает, как страница продукта увеличила конверсию на 11,9% после удаления социальных кнопок .

Может ли очистка кнопки соцсети увеличить ваши конверсии? Надо подумать.

5. Следует ли вести счет с помощью счетчиков долей?

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

Однако малое количество акций может отпугнуть читателя .

womp womp

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

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

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

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

CTA

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

Вариант 1. Преобразовать кнопку общего доступа в текст

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

Mashable кнопки социальных сетей

Вариант 2. Добавьте текст с призывом к действию вокруг кнопок

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

У

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

Иногда лучший способ получить желаемое — это просто спросить. Было показано, что твиты с просьбой о ретвитах превосходят те, которые этого не делают — Buffer пошел дальше и показал, что включение слова «ретвит» вместо слова «rt» привело к увеличению количества ретвитов в 23 раза!

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

7. Тестирование движет миром

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

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

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

Как (и где) добавить кнопки социальных сетей на ваш сайт для большего взаимодействия

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

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

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

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

Или на сайтах с недостаточным объемом трафика.

В большинстве случаев это связано с плохим размещением и плохим юзабилити.

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

Где избегать кнопок социальных сетей на вашем сайте

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

• Помещая их не на те страницы: никто не собирается ими делиться.
• Использование плохих социальных кнопок с ужасным удобством использования: это слишком хлопотно.

Реклама

Продолжить чтение ниже

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

На страницах продуктов, цен и функций:

Согласно исследованию, проведенному VWO, удаление кнопок социальных сетей на страницах продуктов сайтов электронной торговли увеличило конверсию на 11,9 процента.

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

Но это трудно сказать по нескольким причинам:

Реклама

Продолжить чтение ниже

• Это было на странице продукта. Кто собирается делиться продуктом в социальных сетях прямо со страницы продукта перед его покупкой? Вероятно, 1 из 1000000.
• Низкое количество репостов на странице продукта аналогично отрицательным или нулевым отзывам на Amazon. Люди этому не верят. Это работает как «негативное» социальное доказательство.
• Это отвлекает людей от основного призыва к действию, заключающегося в покупке продукта.

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

Итак, где их добавить?

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

Возможно, один из лучших примеров использования кнопки социального обмена — это HubSpot:

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

Это великолепное удобство использования.

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

Плюс, когда вы копируете и вставляете раздел из сообщения, он выглядит следующим образом:

«Когда вы сегментируете приведенные выше результаты по размеру компании, результаты становятся еще интереснее». https://blog.hubspot.com/marketing/blogging-frequency-benchmarks

Он автоматически помещает скопированный контент в кавычки и цитирует источник со ссылкой HubSpot.

Бум! Теперь это правильная атрибуция.

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

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

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

Официальный документ Chartbeat показал, что 55 процентов посетителей сайта читают статью в течение 15 секунд или меньше.

Реклама

Читать ниже

Brutal.

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

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

Если люди даже не читают более 15 секунд, они не будут делиться вашим контентом.

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

Если люди постоянно доходят до конца вашего контента, им, вероятно, понравился пост.

И если им понравится этот пост, ваши шансы на то, что он станет популярным в социальных сетях, намного выше.

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

Побуждая людей активно читать ваш контент.

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

Или даже в конце с призывом к действию:

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

Реклама

Продолжить чтение ниже

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

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

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

Представьте себе:

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

Они нажимают на ваш контент и видят это:

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

Реклама

Продолжить чтение Ниже

Это странно, почему у этого сообщения только одна социальная доля? Правильно ли это содержание? Это плохо? Мне найти что-нибудь еще?

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

Это может негативно повлиять на вашу способность получать больше акций.

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

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

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

Объявление

Продолжить чтение ниже

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

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

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

1. Выделите и поделитесь для WordPress — Бесплатно!

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

Этот плагин полностью бесплатен для пользователей WordPress и работает с:

Реклама

Продолжить чтение ниже

• Twitter
• Facebook
• WhatsApp
• LinkedIn
• Электронная почта

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

2. Social Warfare — от бесплатного до платного

Social Warfare содержит множество различных вариантов для обмена кнопками от статичных до исчезающих в определенных местах вашего сообщения.

Отлично подходит для добавления кнопок общего доступа в середине содержания для целевой аудитории.

3. Monarch — Платный

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

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

Хотите превосходный плагин? Вам придется заплатить немного больше.

Но если индивидуальная настройка важна для вас, это того стоит.

Реклама

Продолжить чтение ниже

Заключение

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

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

Еще кнопки! Вы получаете кнопку, вы получаете кнопку!

К сожалению, этот подход не работает.

Хотите больше репостов в социальных сетях?

Размещайте их в контенте, когда люди выделяют разделы.