Социальные кнопки: Social media buttons for your website

Квадратные иконки с закругленными краями Квадратные иконки Круглые иконки round-rect

style1 style2 style3 style4 pro-style-145675 pro-style-145676 pro-style-145677 pro-style-145678 pro-style-145679 pro-style-1456710 pro-style-1456711 pro-style-1456712 pro-style-1456713 pro-style-1456714 pro-style-1456715 pro-style-1456716 pro-style-1456717 pro-style-1456718 pro-style-1456719 pro-style-1456720 pro-style-1456721 pro-style-1456722

• Обычный
• Объём
• Поворот
• Сонар
• Увеличение

• сверху
• снизу
• слева
• справа
• статичное
  ?

добавить подложку

• горизонтальная
• вертикальная

• 48px
• 32px
• 24px

отдельные счетчики для каждой иконки

?

• снизу
• справа

С эффектом при наведении «Объём» или «Поворот» нельзя выбрать положение счетчиков.

общий счетчик

• перед
• после

Кнопка вверх

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

• слева
• справа

Настройки мобильного вида

не использовать мобильный вид

Расположение

?

справа

слева

Не делиться текущей страницей

?

подставлять собственный url «поделиться» premium

Добавить свой текст репоста premium

Привлечение внимания к кнопкам

активировать eye-catcher premium

Сбросить

Социальные кнопки: за и против использования на сайте

Статьи

04. 07.2016

Автор: Юлия Федотова

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

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

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

Финская компания продает водопроводное, садовое, электрическое оборудование. Цель тестирования — увеличить количество кликов по СТА-кнопке «Добавить в корзину».

Как выглядела страница товара до оптимизации:

Так стала выглядеть страница товара после оптимизации:

Задача — выяснить, влияют ли социальные кнопки на кликабельность основной СТА.

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

А/В тестирование подтвердило рост конверсии на 11,9% на тестовой версии без социальных кнопок.

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

• Это догма, в которую верят. Головокружительные отчеты Фейсбука, Твиттера, YouTube о количестве зарегистрированных пользователей, публикаций, генерируемых пользователями, времени, проводимом пользователями в соцсетях, заставляют маркетологов интегрировать социальные сети в любые проекты.
• 84% активных онлайн пользователей зарегистрированы хотя бы в одной из социальных сетей.

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

Для начала мнения экспертов:

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

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

Главный редактор ресурса Information Architects Оливер Райхенстайн (Oliver Reichenstein) в статье о пользе социальных кнопок высказывается весьма критично:

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

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

Когда Smashing Magazine убрал социальные кнопки с сайта, трафик из социальной сети Facebook возрос. Эксперты объяснили это тем, что пользователи вместо лайков и репостов копировали ссылки и делились ими в личных аккаунтах социальных сетей.

На самом деле, не сами кнопки влияют на конверсию, а сопутствующие факторы. В случае с представленным сайтом на конверсию повлияли:

Негативные социальные доказательства

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

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

1 страница — 1 цель

Это закон высокой конверсии, закон выбора онлайн. Если одна страница предлагает более одной опции, вероятнее всего, пользователь не выполнит ни одно действие.

Расположение кнопок

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

Оформление социальных кнопок

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

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

Задача ясна — максимально снизить стоимость взаимодействия (количества времени и сил, затрачиваемых пользователем на выполнение действия) и упростить процесс вовлечения.

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

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

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

Результаты исследования:

• пользователи копируют ссылки и отправляют в личных сообщениях, если дело касается серьезного контента:

• пользователи кликают кнопки социальных сетей, если хотят поделиться развлекательным или образовательным контентом:

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

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

Используйте социальные кнопки там, где они уместны — поставить кнопки Facebook, Twitter, Google+ можно на любую страницу. Но не забывайте о том, что отсутствие кликов по кнопкам работает как негативное социальное доказательство, снижает доверие, вызывает сомнения и подозрения. Социальные кнопки в карточке товара ожидаемы и уместны, но вряд ли получат клики на странице «О нас».

Расположение социальных кнопок важно. Не размещайте кнопки в начале статьи, сразу под названием в карточке товара. Дайте шанс пользователю изучить предложение страницы, прежде чем нажать лайк или репост. Такое расположение кнопок вызывает те же чувства, что и всплывающее через 5 секунд окно «Не нашли, что искали? Давайте мы вам позвоним!»

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

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

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

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

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

Не все социальные кнопки одинаково популярны. Исследование CoSchedule показало, какие из них наиболее кликабельны:

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

Статьи по теме

Статьи

CTR — ничто, время — все

Если вы обычный интернет-пользователь, тогда вы потратите на эту статью не более 15 сек…

29.06.2016

Статьи

Мобильный сайт — рекомендации Яндекса

С увеличением мощноси мобильных устройств сайты становятся доступными пользователям в л…

05.07.2016

новые
статьи

Что такое цифровая зрелость бренда, зачем это нужно и как «созреть» компании

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

Проделки сознания, снижающие эффективность работы

Почему перспективные идеи на практике не дают результатов? Почему сотрудники не выполняют поставл…

7 рекомендаций для оптимизации бизнеса

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

Подписка на рассылку

Практические рекомендации по оптимизации сайта, конверсии и продаж:

Ваш email:

популярные
статьи

11 принципов, эффективно повышающих уровень конверсии

Пип Ладжа, мастер оптимизации конверсии, предлагает чек-лист 11 принципов, которые гарантированно…

Как повысить узнаваемость бренда

Зачем заботиться о узнаваемости бренда? И что это вообще такое? Узнаваемость бренда — это уровен…

Продвижение сайта в нескольких регионах: вариант №1

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

Имя пользователя

E-mail

Комментарий

Имя пользователя

E-mail

Ваш вопрос

Социальные кнопки в Joomla

В этой статье я расскажу, как разместить на сайте под управлением Joomla кнопки социальных сетей или социальные кнопки. Хотя споры по поводу социальных кнопок всё не утихают, я для себя сделал выбор – кнопки социальных сетей нужны на сайте. Есть шанс, что добавится определённая доля трафика на сайт из социальных сетей. Для Joomla в этом плане существует огромное количество расширений. В основном эти расширения помогают публиковать кнопки международных социальных сетей. Но для сайтов рассчитанных на русскоязычную аудиторию было бы логичным добавлять социальные кнопки и русскоязычных социальных сетей. После некоторых поисков был найден плагин для Joomla SocButtons. Скачать SocButtons можно по этой ссылке. Плагин может выводить кнопки следующих социальных сетей: Google +1, Facebook, Twitter, LinkedIn, Вконтакте, Я.ру, Одноклассники, Мой Мир. По-моему вполне приличный набор.

Забегая вперёд скажу: если вместо простого размещения кнопок социальных сетей вас интересует регистрация и авторизация пользователей на вашем сайте с помощью социальных сетей, то вам стоит почитать статью «Настройка регистрации и авторизации пользователей на сайте Joomla 2. 5 через социальные сети».

Устанавливаем плагин, как и все расширения для Joomla 2.5, через «Менеджер расширений». Затем переходим в «Менеджер плагинов» и находим выключенный плагин Content – SocButtons. Входим в управление плагина и в «Основных параметрах» делаем нужные нам настройки.

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

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

В основных настройках, при желании, выставляем отображение социальных кнопок на главной странице сайта. Выбираем позицию расположения кнопок: в начале текста или в конце. SocButtons позволяет исключить статьи выбранных категорий, в которых не будут отображаться кнопки социальных сетей. Если нужно выборочно исключить отображение в каких-то статьях нашего сайта на Joomla, то это можно сделать, введя ID статей в поле «Исключить страницу».

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

Дополнение. Когда плагин настроен, можно вставить блок социальных кнопок не только выше или ниже текста статьи, но и вообще в любое место статьи, сторонний модуль или компонент. Для этого опять переходим в «Менеджер плагинов» и находим выключенный плагин System – SocButtons. Входим в управление плагина и в «Основных параметрах» делаем нужные нам настройки.

В поле «Text for replacement» отображается тег для вставки в текст или код. Можно оставить значение по умолчанию, а можно задать своё значение, например {soc}. В поле «Width of image» задается ширина модуля социальных кнопок. Сохраняем настройки и включаем плагин. Теперь можно вставить тег {sоcbuttons} в любое место статьи и в этом месте будет отображены социальные кнопки. С помощью этого тега можно легко добавить блок социальных кнопок, например, в описание интернет – магазина на Virtuemart или в произвольный (HTML) модуль. В принципе, социальные кнопки таким образом можно добавить практически в любой модуль или компонент, но это тема для отдельной статьи.

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

Задать вопрос

Об авторе:

Меня зовут Андрей Золкин. Из более, чем пятнадцати лет работы в сфере информационных технологий, десять лет работаю с системами, базирующимися на открытом исходном коде. На страницах сайта Aitishnik.Ru веду блоги по CMC Joomla и Debian GNU/Linux.

Ещё статьи о Joomla 2.5

• • Схема автоматического резервного копирования.

    ..

    Теперь исходя из всего вышеизложенного создадим простую, автоматическую схему резервного копирования сайта под управлением Joomla 2.5. Пусть будет недельный цикл резервного копирования. Схема следующая: в первый день создаётся резервная…

  • Текстовые редакторы в Joomla

    Большую часть работы с CMS Joomla занимает работа с текстом. И чтобы эта работа была более комфортной, хорошо бы подобрать себе инструмент по вкусу. В этой статье мы познакомимся с текстовыми редакторами, которые наиболее часто…

  • Настройка Apache, MySQL, PHP

    Открываем в текстовом редакторе конфигурационный файл вэб-сервера Apache. Он называется httpd.conf и находится в корневой папке сервера, в поддиректории conf. В нашем примере C:\www\conf\httpd.conf. Найдём и раскомментируем (удалим…

  • Материалы в Joomla 2.5 Избранные

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

  • Установка и настройка phpMyAdmin

    Установка phpMyAdmin написана по материалам сайта php-myadmin.ru. Рекомендую этот сайт всем, кто хочет разобраться во всех тонкостях работы с phpMyAdmin. Скачиваем файловый архив phpMyAdmin-3.4.9-all-languages.7z по следующей ссылке. На момент написания…

  • Карта сайта в Joomla 2.5

    В этой статье мы поговорим о карте сайта, а точнее о том, как создать карту сайта на Joomla в форматах HTML и XML. Карта сайта в формате HTML представляет собой страницу со ссылками на материалы сайта. Она помогает посетителям…

7 секретов сумасшедших кликабельных кнопок социальных сетей

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

Когда дело доходит до кнопок для обмена в социальных сетях, вариантов так же много, как оттенков краски в магазине Home Depot (назовите меня сумасшедшим, но «весенний луговой зеленый» и «неоновый сельдерей» выглядят для меня совершенно одинаково).

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

1. Позиционирование кнопок: как низко можно (или следует) опускаться?

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

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

Некоторые оспаривают эту логику, спрашивая : «Будут ли читатели делиться публикацией, которую они еще даже не читали?» Как ни странно, некоторые исследования не показали реальной связи между публикацией поста и его чтением. Вполне возможно, что пользователи увидят очаровательный заголовок и тут же решат, стоит ли им делиться. Кнопки социальных сетей в верхней части страницы также могут  служат социальным доказательством и поощряют читателей , если у вас много репостов. Если я вижу пост с +1000 перепостами, это укрепляет мою веру в то, что эта статья потрясающая и стоит потратить время на ее прочтение.

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

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

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

Блог Moz сохраняет свои социальные кнопки внизу сообщений

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

• Плавающие стержни. Наличие плавающих социальных кнопок рядом с левой колонкой блога — еще одно популярное позиционирование. Плавающие панели не обязательно должны быть вертикальными (хотя это наиболее распространенный дизайн).

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

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

Upworthy помещает форму подписки, кнопку Twitter и комбинированное поле кнопки «Поделиться» в Facebook, которое находится в верхней части сообщения.

Затем, как только вы прокрутите окно «Поделиться/подписаться», в верхней панели появится кнопка «Поделиться Facebook».

Кстати, для тех, кому интересно, в аду нет пути Санса Старк — настоящий герой Игры Престолов . Просто выложи это там.

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

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

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

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

2. Размер кнопки социальных сетей: чем больше, тем лучше?

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

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

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

3. Пользовательские социальные кнопки и классический дизайн

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

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

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

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

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

Эти кнопки в блоге Пэта Флинна не имеют стандартного стиля, но очень близки к оригиналу.

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

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

4. Слишком много кликабельных вещей: не переусердствуйте с кнопками

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

Слишком много вариантов ошеломляют

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

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

Когда пользователи не могут решить, хотят ли они поделиться вашей публикацией в Tumblr, Pinterest, Facebook, Twitter, Reddit, StumbleUpon, LinkedIn или Buffer, они могут в конечном итоге решить вообще не публиковать вашу публикацию! О ужас!

Излишнее количество социальных кнопок чертовски неприятно, как искусно иллюстрирует Овсянка .

Много кнопок = Медленная социальная сеть

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

Поскольку Google использует скорость сайта в качестве сигнала ранжирования, важно срезать жир везде, где это возможно. Для оптимального SEO вам нужно быть таким же быстрым, как Sonic the Hedgehog.

Выбор, какие кнопки оставить, а какие выбросить

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

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

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

Какова цель страницы?

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

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

В одном примере из Visual Website Optimizer показано, как страница продукта увеличила конверсию на 11,9% после удаления кнопок социальных сетей .

Может ли считывание кнопки социальных сетей увеличить количество конверсий? Есть над чем подумать.

5. Следует ли вести учет с помощью счетчиков акций?

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

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

womp womp

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

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

Если акций больше, перед формой скобки появляется номер акции.

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

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

Вариант 1. Преобразование кнопки «Поделиться» в текст

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

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

Вариант 2. Добавьте текст призыва к действию вокруг кнопок

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

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

Иногда лучший способ получить желаемое — это просто попросить. Было показано, что твиты, запрашивающие ретвиты, превосходят твиты, которые этого не делают. Buffer пошел еще дальше и показал, что включение слова «ретвит» вместо «rt» приводит к увеличению ретвитов в 23 раза!

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

7. Тестирование заставляет мир вращаться

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

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

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

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

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

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

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

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

Перейти к инструкциям для: Twitter | Фейсбук | Линкедин | Ютуб | Пинтерест | Instagram

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

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

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

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

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

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

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

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

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

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

1. Кнопка Twitter Follow

Для чего она предназначена:

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

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

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

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

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

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

Посмотреть в действии. Подпишитесь на HubSpot в Твиттере:

Подпишитесь на @hubspot

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

Для чего она нужна:

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

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

Посетите 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:

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

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

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

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

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

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

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

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

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

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

7. Виджет Twitter Timeline

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

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

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

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

См. один в действии:

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

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

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

Плагин страницы Facebook позволяет вам продвигать страницу 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 Anchor Text Share Links

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

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

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

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

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

См. One in Action:

Поделись этой публикацией на Facebook!

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

1. Подключаемый модуль LinkedIn Follow Company

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

Подключаемый модуль LinkedIn Follow Company, аналогичный кнопкам 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/consumer/integrations/self-serve/plugins?context=linkedin/consumer/context.

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

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

Для чего она нужна:

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

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

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

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

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

1. Кнопка «Подписаться» на Pinterest

Для чего она нужна:

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

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

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

Посмотреть в действии. Подпишитесь на HubSpot в Pinterest:

HubSpot

2. Кнопка «Закрепить»

Для чего она нужна:

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

Как добавить кнопку «Pin It»:

Посетите https://developers.pinterest.com/tools/widget-builder/?type=pin, чтобы создать кнопку «Pin It». Вставьте 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 года и был обновлен для обеспечения точности и полноты.

 

 

Первоначально опубликовано 18 сентября 2020 г., 15:00:00, обновлено 18 сентября 2020 г.

Темы:

Изображения 3 9

Простые кнопки «Поделиться в социальных сетях» — Социальный обмен для всех — Плагин WordPress

• Детали
• отзывов
• Монтаж
• Поддерживать
• Развитие

Простые социальные кнопки добавляют (с множеством опций, таких как боковая панель, встроенные, над и под содержимым сообщений, на фотографиях, всплывающие окна, всплывающие окна) расширенный набор кнопок обмена социальными сетями на ваши сайты WordPress, такие как: Facebook, WhatsApp , Viber, Twitter, Reddit, LinkedIn и Pinterest.

Богатый набор функций делает его самым гибким плагином Social Sharing для всех .

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

Встроенные
— Кнопки социальных сетей над содержимым публикации
— Кнопки социальных сетей под содержимым публикации
— Кнопки социальных сетей над и под публикацией
— Скрыть кнопки социальных сетей на мобильных устройствах
– Потрясающие анимации
— Обновление до Pro для настройки цветов

SideBar
— Кнопки Social Share на левой и правой боковых панелях с анимацией
— Скрытие кнопок Social Share на мобильных устройствах
— Отображение общего количества акций
— Обновление до Pro для настройки цветов

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

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

Всплывающие окна Премиум-функция
— Всплывающие окна социальных сетей внизу слева и справа с анимацией
— Скрыть всплывающие окна социальных сетей на мобильных устройствах
— Отобразить общее количество репостов
— Настройки для настройки цветов кнопок и всплывающих окон

** Это еще не все. Простые социальные кнопки также могут добавлять кнопки социальных сетей к: **

Хотите еще? Теперь вы можете изменить порядок кнопок в своем посте!

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

• Датский
• Голландский
• Английский
• французский
• немецкий
• Литовский
• польский
• Сербско-хорватский
• Словацкий
• Испанский
• Шведский
• тайский
• Украинский

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

Этот плагин предоставляет 2 блока.

• Простые социальные кнопки
• Нажмите, чтобы твитнуть

1. Загрузите последнюю версию Simple Social Buttons
2. Загрузить папку с именем simple-social-buttons в каталог /wp-content/plugins/
3. Активируйте плагин через меню «Плагины» в WordPress
4. Перейдите в настройки плагина -> Все понятно на странице настроек. Выберите сети, стили, местоположения, а затем выберите настройки для каждого местоположения.
5. (Необязательно) Настройте кнопки в меню «Настройки» > «Встроенные», «Боковая панель», «Всплывающее окно», «Мультимедиа», «Всплывающие окна».

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

Как им пользоваться?

Проверьте письменную документацию со скриншотами.

Зачем использовать этот плагин?

Этот плагин позволяет добавить кнопку «Поделиться» в Facebook, кнопку «Google плюс один +1» (удалено Google), кнопку «Поделиться» в Twitter и пин-код Pinterest для каждой публикации или страницы вашего блога. Это простой, легкий и эффективный способ продвижения вашего блога в социальных сетях.

Как насчет поддержки?

Используйте форум плагина, чтобы спросить о плагине или сообщить о некоторых проблемах.

Зачем обновляться до Pro?

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

Подробнее читайте здесь

Есть ли шорткод для пользовательской установки?

Да, вы можете использовать ShortCode [SSB] для использования в своих шаблонах/темах.

Каковы атрибуты шорткода

[SSB] для вызова со значениями настроек плагина.

[тема SSB = «официальный» align = «правильный» counter = «true» order = «twitter, pinterest, fbshare, linkedin»]

Атрибуты со всеми возможными значениями.

counter = true или false
show_total_count = true или false
align = слева или справа или по центру
order = twitter,pinterest,fbshare,linkedin,reddit,whatsapp,viber,fblike
тема = тема1 или тема2 или тема3 или тема4 или Flat или Круг или Официальный
like_button_size = маленький (по умолчанию), большой

Не мешает админке; SEO дружественный

Отличный плагин, полезный для своей цели…

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

Efectiu и линька простой конфигурации. El Que ofereix la versió gratuita és достаточно для а-ля majoria де веб-страниц. I am unequip de support que respon als возможных contratemps.

excelente, Mudou Minha Vida Depois da Ajuda Desse Plugin

работает нормально

Прочитать все 162 отзыва

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

Авторы

• Аднан
• WPBrigade
• Мухаммад Ирфан

4.0.2 – 23.06.2022

• Улучшение: Обновлено положение значка отображения/скрытия на боковой панели.
• Улучшение: URL-адрес общего доступа LinkedIn.
• Улучшение: Удалите знак «+» из заголовка электронной почты.
• Совместимость: Совместимость с WordPress 6.0

4.0.1 — 2022-02-18

• Исправление: опечатка в настройках.
• Улучшение: оптимизация кода.
• Улучшение: Обновите файл POT.
• Совместимость: Совместимость с WordPress 5.9
• Совместимость: Совместимость с PHP 8.0.13

4.0.0 — 07.01.2022

• Исправление: ссылка на кнопку перехода на YouTube.
• Исправление: пользовательская ошибка JS из внешнего интерфейса.
• Исправление: санировать пользовательский CSS/JS.
• Улучшение: добавлен фильтр ssb_sidebar_before_text можно использовать для добавления текста в социальные кнопки боковой панели.
• Совместимость: Совместимость с PHP 8.0

3.2.4 – 07.09.2021

• Исправление: очищайте поля ввода.
• Улучшение: добавлен фильтр ssb_get_share_post , который можно использовать для изменения публикации, которой поделились.

3.2.3 – 21.07.2021

• Исправление ошибки: санация атрибутов шорткода социальных сетей.
• Совместимость: Совместимость с WordPress 5.8

3.2.2 – 2021-04-01

• Исправление ошибки: недопустимое смещение строки во время редактирования публикации.
• Исправлена ​​ошибка: неправильное смещение, когда местоположение SSB не выбрано.
• Улучшение: оптимизация кода.
• Совместимость: Совместимость с WordPress 5.7
• Совместимость: Совместимость с PHP 8.0.0

3.2.1 – 18.12.2020

• Исправление ошибки: устранены уязвимости в системе безопасности, немедленное обновление.

3.2.0 – 15.12.2020

• Исправление ошибки: Устранена уязвимость в системе безопасности. Немедленное обновление.
• Исправление ошибки: удаление устаревшей функции PHP.
• Исправление ошибки: исправление отображения заголовка Mobile для просмотра на мобильных устройствах.
• Улучшение: исправление макета кнопок социальных сетей для WooCommerce.
• Улучшение: оптимизация кода.
• Совместимость: Совместимость с WordPress 5.6

3.1.1 – 27 февраля 2020 г.

• Исправление ошибки: исправление недопустимого смещения строки ‘ssb_og_tags’

3.1.0 – 06.02.2020

• Новая функция: настройка тегов OG.
• Улучшение: совместимость с несколькими сайтами.
• Улучшение: ssb_network_counts , ssb_active_network , ssb_position_style и другие хуки добавлены для управления сетью на каждой позиции.
• Исправление ошибки: исправление значка сети, связанного с темой Twenty Twenty.
• Исправление ошибки: сообщение Pro на странице справки, если pro уже установлено.
• Исправление ошибки: краткое описание продукта Woo с изображением и исправлением проблемы.

3.0.1 – 09.12.2019

• Улучшение: оптимизирована скорость и рефакторинг кода.

3.0.0 – 19.11.2019

• Новая функция: представляем блоки Гутенберга для совместного использования в социальных сетях.
• Новая функция: Возможность удаления настроек в базе данных при удалении.
• Новая функция: добавлено поле ввода пользовательского кода CSS.
• Новая функция: добавлено поле ввода пользовательского кода JS.
• Улучшение: Показать и скрыть параметр боковой панели в интерфейсе.
• Улучшение: отображение количества поклонников по умолчанию, если API недоступен в виджете Social Follow.
• Улучшение: новые атрибуты для отображения общего количества в коротком коде.

2.1.4 – 21.10.2019

• Улучшение: ssb_buttons_output добавлен фильтр для добавления собственной кнопки.
• Улучшение: ссылка на настройки добавлена ​​на страницу списка плагинов.
• Улучшение: в журнал страницы справки добавлены дополнительные настройки.
• Улучшение: рефакторинг кода.
• Улучшение: добавлено форматирование счетчика социальных сетей.
• Исправление ошибки: исправление ошибки номера WhatsApp, если номер добавлялся с + или 00 в виджете подписки.
• Исправление ошибки: Исправлена ​​проблема с положением боковых панелей с длинным счетчиком.
• Исправление ошибки: ссылка на подписчика YouTube в виджете Social Follow.

2.1.3 – 05.08.2019

• Улучшение: кнопка Google+ удалена, так как Google больше не предоставляет G+ API.

2.1.2 – 25.06.2019

• Исправление ошибки: считать ajax-вызовы каждой страницы, даже если страница не выбрана.
• Исправление ошибки: дополнительный «=» в коде, который нарушает обмен WhatsApp
• Совместимость: Совместимость с WordPress 5.2

2.1.1 – 30 апреля 2019 г.

• Улучшение: подсчет количества акций Facebook, исправление устаревшего API
• Улучшение: исправление генератора неверных ссылок WhatsApp

2.

1.0 – 15.04.2019

• Улучшение: Обнаружение ссылки на приложение Whats App для мобильных и настольных компьютеров
• Исправление ошибки: неопределенный индекс в функции обмена ссылками на Facebook
• Исправление ошибки: большие исправления API счетчика виджетов

2.0.22 – 08.02.2019

• Улучшение: Исправлена ​​проблема с безопасностью.

2.0.21 – 2019-02-04

• Новая функция: добавлено отслеживание количества репостов в Twitter.
• Совместимость: добавлена ​​совместимость с плагинами All-in-One SEO.
• Совместимость: Добавлена ​​совместимость темы Twenty Nineteen.
• Исправление ошибки: 404 страница Неожиданный токен ; Исправлена ​​ошибка js.
• Исправление ошибки: вызов запроса Ajax на каждой странице.

2.0.20 – 2018-09-19

• Исправление ошибки: Добавлена ​​совместимость функции mb_convert_encoding().

2.

0.19 – 2018-09-13

• Улучшение: Предупреждение: DOMDocument::loadHTML(): htmlParseEntityRef: нет имени в Entity

2.0.18 – 13 сентября 2018 г.

• Исправление ошибки: проблема с выдержкой над контентной сетью.

2.0.17 – 25.08.2018

• Новая функция: добавлена ​​кнопка Tumblr.
• Улучшение: получение алгоритма подсчета акций Facebook.

2.0.16 – 09.07.2018

• Улучшение: В короткий код добавлен параметр размера кнопки Like.
• Исправление ошибки: недопустимая строка смещения.
• Исправление ошибки: Reddit Api Недопустимый аргумент для foreach()

2.0.15 – 05.06.2018

• Новая функция: Кнопка отображается на содержимом отрывка.
• Исправление ошибки: неопределенный $_SERVER[‘HTTP_USER_AGENT’] в функции.
• Исправление ошибки: проблема со специальными символами в Twitter.

2.0.14 – 20 марта 2018 г.

• Исправление ошибки: заголовки уже отправлены при обновлении.

2.0.13 – 20.03.2018

• Исправление ошибки: проблема с публикацией в Твиттере.
• Исправление ошибки: ошибка виджета Google+.
• Исправление ошибки: Исправлено неправильное смещение.
• Исправление ошибки: проблема с коротким кодом на главной странице.
• Улучшение: откройте нативное приложение Fb messenger на мобильном телефоне.
• Улучшение: Старые подсчеты.

2.0.12 – 2018-03-12

• Новая функция: добавление WhatsApp в виджет.
• Новая функция: получать старую статистику после SSL.
• Исправление ошибки: исправление разметки HTML.
• Улучшение: поддержка RTL.

2.0.11 – 27.02.2018

• Новая функция: добавьте Instagram в виджет.
• Новая функция: Добавить кнопку печати.
• Новая функция: кнопка добавления электронной почты.
• Исправление ошибки: неопределенная функция ‘ssb_messenger_generate_link’.

2.

0.10 – 2018-02-08

• Новая функция: Добавить общий доступ к Facebook Messenger.
• Новая функция: добавлена ​​мета-карта Twitter.
• Улучшение: добавьте rel=»noopener» к ссылкам виджета.
• Улучшение: добавление изображения в Open Graph Meta.
• Улучшение: Удалите лишний текст из WhatsApp и Viber.

2.0.9 – 27.01.2018

• Исправление ошибки: Поделиться в Facebook — метатеги.
• Исправление ошибки: ошибка виджета YouTube.

2.0.8 – 24.01.2018

• Исправление ошибки: проблема Google Plus с виджетом.
• Исправление ошибки: скрыть боковую панель до iPad Mini.
• Исправление ошибки: заголовок виджета отображается даже при его удалении.

2.0.7 – 20.01.2018

• Новая функция: Опция «Поделиться текстом заголовка» добавлена.
• Новая функция: Параметр настроек для исключения простых социальных кнопок на странице поиска.
• Исправление ошибки: Показать на странице тегов.
• Исправление ошибки: пользовательское пространство для значков.
• Исправление ошибки: удаление Open Sans с кнопок социальных сетей.

2.0.6 – 27.12.2017

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

2.0.5 – 27.12.2017

• Новая функция: Виджет социальных сетей.
• Новая функция: шорткод кнопок обмена в социальных сетях для использования в шаблонах.
• Исправление ошибки: скрытие кнопок обмена в социальных сетях на отдельных сообщениях/страницах или пользовательских типах сообщений.
• Новая функция: добавлены официальные кнопки обмена в социальных сетях для Facebook, Twitter, Google+, LinkedIn и Pinterest.
• Улучшение: улучшенное качество изображений в социальных сетях для компьютеров Retina
• Исправление ошибки: изменена кнопка «Мне нравится» Facebook в настройках плагина.
• Улучшение: повышена скорость и оптимизация кода.
• Совместимость: Совместимость с WordPress 4.9

2.0.4 – 2017-11-17

• Исправление ошибки: Неопределенная ошибка индекса при создании нового поста или страницы.
• Улучшение: кнопка лайков Facebook вернулась.

2.0.3 – 2017-11-13

• Исправление ошибки: счетчик социальных сетей
• Улучшение: совместимость с 4.9

2.0.2 – 2017-11-02

• Исправление ошибки: проблема миграции со старыми пользователями.

2.0.1 – 01.11.2017

• Исправление ошибки: проблемы совместимости со старыми версиями PHP.

2.0.0 – 31.10.2017

• Новая функция: полностью переписан плагин с множеством новых функций.
• Новая функция: встроенные кнопки социальных сетей с анимацией и пользовательскими цветами в версии Pro.
• Новая функция: кнопки социальных сетей на боковой панели с анимацией и пользовательскими цветами в версии Pro.
• Новая функция: всплывающие окна социальных сетей с триггерами событий при выходе/намерении и при прокрутке.
• Новая функция: кнопки «Поделиться в социальных сетях» на изображениях в сообщениях или на страницах или в пользовательских типах сообщений. Помогает увеличить взаимодействие с посетителями сайта.
• Новая функция: всплывающие окна социальных сетей. Стилизуйте его с вашей темой WordPress и выиграйте взаимодействие с пользователем.
• Новая функция: выберите кнопки социальных сетей из более чем 5 различных стилей кнопок социальных сетей.
• Новая функция: показывать кнопки социальных сетей в 5 разных местах или позициях.
• Новая функция: выберите социальные сети с функцией перетаскивания.
• Новая функция: знакомство с WhatsApp, Viber, Reddit и ссылками.
• Исправление ошибки: повышена скорость загрузки кнопок социальных сетей.

1.9.0

• Улучшение: Кнопки социальных сетей Функция перетаскивания.
Улучшение
• : Представляем новые социальные кнопки: Facebook Share, LinkedIn.
• Улучшение: Адаптивный стиль кнопок социальных сетей.
• Улучшение: переместите меню из настроек.
• Исправление ошибки: очистка и улучшение кода.

1.8.2

• Исправление ошибки: проблема с положением кнопки «Поделиться» в теме 2016 года.
• Улучшение: убрать меню из настроек.
• Улучшение: добавление уведомления о пересмотре.
• Улучшение: добавлена ​​деактивация всплывающей формы обратной связи.

1.8.1

• Исправление ошибки: горизонтальная проблема.

1.8.0

• Улучшение стиля и кода.

1.0

• Первый стабильный выпуск.

1.1

• Добавлен французский перевод
• Добавлена ​​языковая поддержка в Facebook и Google+ JavaScript

1.2.1

• Оптимизированное хранилище настроек

1.3

• Преобразованный плагин в класс (требуется PHP 5, так как он использует автоматический метод конструктора)
• Добавлены параметры сортировки
• Добавлен хук для удаления
• Исправлена ​​ошибка, из-за которой слот настроек плагина не выделялся в панели администратора/общих настройках
• Добавлена ​​опция «отключить обычный CSS», чтобы опытные пользователи могли использовать свой собственный код CSS
• Множество доработок

1.

4

• Добавлена ​​пользовательская мета для отключения плагина SSB на отдельной странице/сообщении (управляется в меню администратора)
• Функция get_ssb() для непосредственного использования в шаблоне для отображения простых социальных кнопок в указанном порядке
• Страница управления виджетами в wp-admin доступна только для администратора
• Добавлен немецкий и испанский перевод
• Тонкая настройка

1.5

• Новый асинхронный код JS
• Исправлена ​​незначительная ошибка

1.5.1

• Добавлен литовский перевод

1.5.2

• Исправление ошибки из 1.5.1

1.5.4

• Исправление Facebook «Нравится» (добавлен id=»fb-root» вместо class=»fb-like»)

1.5.5

• Добавлен датский перевод

1.5.6

• Добавлен тайский перевод
• исправлено определение языка Facebook

1.

6.0

• Добавлен Twitter через опцию @username
• Добавлена ​​кнопка Pinterest
• Некоторые исправления ошибок

1.6.2

• Добавлен словацкий перевод

1.6.3

• Фиксированные имена классов CSS («кнопка» на «кнопка»)
• Исправлена ​​ошибка, из-за которой блок Facebook Like обрезался

1.6.4

• Используются «Роли и возможности» в доступе администратора

1.6.5

• Добавлен голландский перевод
• Добавлен сербско-хорватский перевод

1.6.6

• Обновление для WordPress 3.8

1.7.0

• Фиксированное правое поле для кнопок
• Обновление кода кнопки Pinterest

1.7.2

• Новые скриншоты плагина

1.7.3

• Новое описание и ссылка для пожертвований
• Новый польский и английский перевод

1.7.

No related posts.