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

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

grokru 22 окт 2012 в 00:55

Время на прочтение 2 мин

Количество просмотров 79K

Я пиарюсь

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

Внешний вид

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

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

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

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

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

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

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

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

Теги:

• социальные кнопки
• share

Хабы:

• Я пиарюсь

Всего голосов 113: ↑85 и ↓28 +57

Комментарии 78

Кирилл @grokru

co-founder at Beau

Telegram

Кнопки и закладки социальных сетей JBZoo Social в Joomla

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

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

В компоненте Zoo есть элемент Social Buttons, который использует только три социальные кнопки — Google+, Facebook и Twiter. Но их зачастую бывает недостаточно, особенно в России, где существуют свои соц.сети.

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

Как добавить новый элемент?

Перейдите во вкладку шестеренка и зайдите в приложение JBZoo App.

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

В Библиотеке нажмите на надпись JBZoo Social и у вас появится новый элемент.

 

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

Как настроить элемент в шаблоне?

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

Вы увидите множество настроек. Давайте разберем их по частям:

Кнопка ВКонтакте

Like ВКонтакте — опция, которая позволяет ставить лайки в данной социальной сети.

Тип кнопки ВКонтакте — её внешний вид. Вы можете выбрать в выпадающем списке тип, наиболее подходящий для сайта:

• Кнопка с текстовым счетчиком;
• Кнопка с миниатюрным счетчиком;
• Миниатюрная кнопка;
• Миниатюрная кнопка, счетчик сверху.

Высота кнопки — размер по вертикали. Выберите тот, который больше вам подходит (18, 20, 22 или 24 px).

Текст в кнопке — надпись, отображаемая внутри кнопки.

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

Кнопка Facebook

Like Facebook — параметр для включения лайков.

Отправить — опция, при активации которой на странице будет показана данная кнопка.

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

Цветовая схема — оттенок кнопки (светлый, темный).

Текст на кнопке — одна из надписей, отображаемая внутри (Нравится или Я рекомендую).

Локализация — язык, на который будут переведены все надписи на кнопке (русский, английский).

Кнопка Twiter

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

Размер — параметры кнопки (большой, стандартный).

Рекомендовать — текстовое поле, в которое вводится имя пользователя. После того, как кто-либо из посетителей твитнет, он перейдёт на твитер страницу прописанного пользователя. Можно прописать твитер аккаунт компании или сайта.

Метка (хештег) — тематическая метка, содержащая слово или фразу, о которой идёт речь в записи. Он должен начинаться с решётки (#) и не содержать пробелов. Можно написать кириллицей.

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

Счетчик — параметр для включения подсчета твитов.

Кнопка Одноклассники

Ваш ресурс — доменное имя вашего сайта в виде «http://mysite.ru».

Отображение счетчика — опция, показывающая количество лайков.

Счетчик — его местоположение (справа, сверху).

Текст на кнопке — настройка, при активации которой будет показываться текст.

Надпись на кнопке — слова, написанные на ней (Класс!, Поделиться или Нравиться).

Вид кнопки — её форма (Овал, Закругленные края, Квадратная кнопка)

Размер — параметры кнопки в пикселях.

Кнопка Google

Размер кнопки

 — различные линейные характеристики (Большая, Средняя, Маленькая, Вытянутая).

Аннотация — текстовое замечание:

• Горизонтальная — отображается справа от кнопки.
• Только счетчик, который находится над кнопкой.
• Без аннотации — замечание отсутствует.

Размер аннотации — линейные параметры (не менее 120 px).

Linked In

Linked In — настройка для включения данной социальной кнопки.

URL — адрес, который будет отправляться в эту соц.сеть.

Счетчик — его местонахождение относительно кнопки (Без счетчика, Справа, Сверху).

Блок Поделиться (Yandex Share)

Отображаемые сервисы. Укажите, через запятую, сервисы, иконки которых будут стоять рядом с кнопкой. Доступные значения: blogger, delicious, diary, evernote, facebook, friendfeed, gplus, guick, liveinternet, lj, moikrug, moimir, myspace, odnoklassniki, surfingbird, pinterest, tutby, twitter, vkontakte, yaru, yazakladki.

Шаблон отображения — внешний вид кнопки.

Как управлять кнопками в материале?

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

В итоге, вы получите примерно такие кнопки

 

Как добавить кнопки «Поделиться» в социальных сетях на свой веб-сайт

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

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

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

На этой странице

• Что такое кнопки «Поделиться» в социальных сетях?
• Почему важна кнопка «Поделиться в социальных сетях»?
• Как добавить кнопки социальных сетей в WordPress?
• Вы используете наш конструктор сайтов?

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

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

Существует три разных типа кнопок социальных сетей. Это:

• Кнопка общего доступа  

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

• Кнопка следования  

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

• Кнопка «Нравится»   

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

Желательно, в конце статьи можно добавить кнопки соцсетей.

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

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

Это увеличивает ваш онлайн-охват, что только положительно.

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

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

• Кнопки «Поделиться» от AddThis. У этого плагина более нескольких сотен тысяч пользователей и хороший рейтинг.
• Shareaholic. У этого плагина более нескольких сотен тысяч пользователей и хороший рейтинг.
• Реактивный ранец. Jetpack — это плагин с множеством функций, в том числе позволяющий добавлять кнопки на ваш сайт.
• Компаньон Орбит Фокс. Этот плагин имеет более 20 кнопок обмена в социальных сетях, которые вы можете выбрать.
• Социальная вилка. Бесплатный плагин, который позволит вам настроить ваши кнопки.

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

Чтобы лучше понять процесс установки плагина, мы опишем и проиллюстрируем шаги. В этом примере мы выберем кнопки «Поделиться» плагина AddThis.

1. Установить   

• Войдите в свою панель управления WordPress.
• Перейти в меню навигации.
• Выберите плагины и найдите «Поделиться кнопками от Addthis».
• Установите плагин и нажмите «Активировать».

2. Регистрация  

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

3. Добавить это

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

4. Выбрать

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

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

5. Опубликовать  

Теперь вы готовы поделиться всеми своими продуктами, услугами и/или статьями со всем миром. Как здорово!

Если вы используете Конструктор веб-сайтов от one.com, очень легко разрешить людям делиться вашим контентом. Конструктор веб-сайтов предлагает социальные ссылки, где вы можете указать ссылку на страницу в социальной сети. Вы можете связать свой контент с лентой Facebook или Instagram. Кроме того, вы можете связать свой контент со страницей Facebook с баннерами, логотипом, кнопкой «Нравится», кнопкой «Поделиться» и новейшими сообщениями.

Кнопки «Поделиться» — добавьте кнопки социальных сетей в Weebly

Функции

проверять

Выбор из 40+ предустановленных кнопок социальных сетей

проверять

Разместите кнопки в любой части страницы, которая вам нравится

проверять

Придайте вашим кнопкам нужный вид

О

Разместите свой контент в социальных сетях!

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

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

Поощряйте своих посетителей делиться вашим контентом

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

Расширьте свое присутствие в Интернете

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

Увеличьте взаимодействие с посетителями вашего веб-сайта

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

Основные характеристики:

• Выбор из 40+ предопределенных кнопок социальных сетей Weebly
• Позволяет отображать столько кнопок общего доступа, сколько вам нужно
• Выберите между фиксированными или плавающими социальными кнопками, чтобы лучше соответствовать вашим потребностям
• Разместите кнопки в любой части страницы, которая вам нравится
• Вы сами решаете, как отображать название социальной сети — символом, текстом или их комбинацией
• 4 предустановленных стиля значков на выбор
• 4 комбинируемых варианта цвета для кнопок социальных сетей
• 3 формы значков
• 5 анимаций значков
• Настраиваемая прозрачность

Эффективная поддержка от профессиональной команды

Если вам нужна помощь или возникнут какие-либо проблемы, вы можете связаться с нами в любое время! Отправьте нам сообщение на weebly@elfsight. com, и мы позаботимся обо всем как можно скорее!

Подробнее

Это приложение предлагает 5-дневную бесплатную пробную версию

Цены

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

проверить

проверить

Оформить кнопки так, как вам нужно
Вы сами решаете, как отображать название социальной сети — с символом, текстом или комбинацией того и другого

проверка

проверка

отзывов

звездымаленький звездный звездный звездный звездочки

звездочки звездный звездный звездный звездочки

6 оценок

• звездымаленький звездный звездный звездный звездочки

  звездочки звездный звездный звездный звездочка

  Иринель Паначчи 18 февраля 2020 г.

  Se sei in cerca di un ottima app di sharing questa è quella giusta, peccato solo che ci vogliano 33 евро l’anno circa. Però fa quel che deve

• звездымаленький звездный звездный звездный звездочки

  звездочки звездный звездный звездный звездочка

  Максим Манорадж 22 окт. 2019 г.

  у нас есть покупка и теперь на нашей странице нет кнопки!

• звездымаленький звездный звездный звездный звездочки

  звездочки звездный звездный звездный звездочки

  Крис Хьюз 06 апр. 2019 г.

  Это достаточно хорошее приложение, когда оно работает, но в последнее время оно кажется глючным в Firefox. В редакторе блога он выглядит нормально, но периодически появляется только на опубликованном сайте (по крайней мере, на моей Win 8/Firefox). Если я не вижу кнопки, я не уверен, что мои читатели могут. Служба поддержки дружелюбна, но неясна в своем общении, и проблема не устранена.

• звездымаленький звездный звездный звездный звездочка

  звездочки звездный звездный звездный звездочки

  Пабло Спот 01 марта 2019 г.

  Первоклассное обслуживание клиентов, доступная цена, отличный дизайн — в этом приложении есть все! Спасибо ребята!

• звездымаленький звездный звездный звездный звездочки

  звездочки звездный звездный звездный звездочка

  Рэй Хогге 11 октября 2018 г.