Меню

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



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

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

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

1. Блок «Поделиться» — Технологии Яндекс
Блок «Поделиться» помогает посетителям сайта быстро публиковать ссылки на понравившиеся страницы в соцсетях и блогах. Создайте блок «Поделиться» с помощью конструктора, а дополнительные параметры ищите в документации.

2. Лёгкий способ получить ссылки на сайт – QIP.RU
Разместите кнопку на сайте и дайте посетителям возможность добавлять понравившиеся материалы сайта в закладки, блоги и соцсети. Три шага: где разметите кнопку (сайт, Blogger или WordPress), стиль кнопок (готовые варианты) и получить кнопку.

3. Кнопки для добавления контента в соцсети — Pluso
Разместите кнопки и дайте посетителям возможность делиться понравившимися страницами в соцсетях, а также печатать, отправлять письмо и добавлять закладки.

4. Сервис социальной активности — UpToLike
Кастомизированные кнопки соцсетей с возможностью задать цвет, форму, размер и спецэффекты. Дополнительные фишки – виджет расшаривания картинок PicShare, функция «Цитирование» и кастомизированная функция Following.

5. Одна кнопка! — для всех сервисов закладок и соцсетей
Выберите вид кнопку. Где будет установлена кнопка: сайт, Blogger или WordPress. Добавьте кнопку.

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

1. Красивые социальные кнопки для сайта — goodshare.js
Отображение кнопок практически на любом устройстве. Чистый код. Краткая документация. SEO friendly.

2. Скрипт кнопок социальных закладок и сетей — Share42
Выберите размер и отметьте иконки сервисов, которые хотите использовать на сайте. Выберите нужные опции. Посмотрите, как это будет выглядеть и/или скачайте готовый скрипт. Установите скрипт на сайт WordPress, Drupal, другое.

3. Красивые кнопки «лайков» соцсетей с использованием jQuery — Social Likes
Скрипт кнопок «лайков» со счётчиками в едином стиле для соцсетей: Facebook, Twitter, ВКонтакте, Одноклассники, Мой мир, Google+ и Pinterest.

Зарубежные аналоги кнопок социальных сетей для сайта

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

2. Get the Share Button — ShareThis
Выберите платформу: WordPress, Drupal, Joompla!, Blogger, TypePad, tumblr, Newsletter, IOS & Android, другое. Выберите стиль снопок (кнопки или тулбар), Настройте кнопки: выберите сервисы (кнопки поделиться или социальные плагины), укажите размер кнопок, другое. Получите код.

3. Share buttons for WordPress, Tumblr, Drupal, Joomla and all website — Shareaholic
Сделайте так, чтобы посетители сайта могли поделиться вашим контентом с друзьями в один клик. Выберите: тему, размещение, размер, счётчик, выравнивание и другие настройки кнопок и получите код.

Источник

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

Здравствуйте уважаемые читатели блога history-of-blog.ru. Многие блоггеры ставят плагин кнопок для добавления статьи в социальные сети. Их выбор чаще всего обусловлен тем, что они якобы не умеют работать с кодом. На самом же деле многие просто не пробовали добавить кнопки социалок вручную, или же пробовали и у них это не получилось – в этом случае они просто выбрали не верный источник информации, ведь если все будет расписано по пунктам, то с этим справиться даже полный чайник.

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

Почему коды кнопок социальных сетей лучше плагина?

  • Скорость и Безопасность. В плагине может быть прописано неизвестно что. В лучшем случае плагин написан правильно, а может быть там много лишнего кода (что плохо скажется на скорости загрузки блога), а в самом крайнем случае в плагине может быть даже вирус! Например, недавно читал, что в одном известном скрипте социальных кнопок для сайта обнаружили вирус – так что помните, при очередной установке плагина всегда есть определенный риск.
  • Уникальность. В интернете все больше цениться уникальность. Если без уникальных статей блогу вообще невозможно “выжить”, то без уникального дизайна или оформления будет очень сложно добиться серьезных результатов.
  • Гибкость. Гибкость настройки так же очень хороший плюс в пользу обычных кодов кнопок. Например, плагин социальных кнопок чаще всего выводит эти самые кнопки после статьи. Все бы ничего, но вставить что-либо между статьей и этими кнопками становиться ой как трудно. При хорошей популярности ресурса место после текста статьи лучше отдать, например контекстной рекламе, такой как Яндекс Директ скажем.
Читайте также:  Правила установки индивидуальных счетчиков

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

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

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

  • Эти кнопки встречаются на сайтах очень часто и люди уже привыкли к ним, поэтому и нажимают на них чаще. Но здесь кроется небольшой минус (читайте первый пункт в минусах).
  • На счетчике видно сколько раз поделились этой статьей в данной социальной сети. И если на нем довольно большая цифра, то посетитель скорей всего тоже кликнет по кнопке. Здесь срабатывает так называемый “я как все”.
  • Кнопки с счетчиками не уникальны – они генерируются на сайтах самих социальных сетей.
  • Такие кнопки заскриптованы, что немного задерживает скорость загрузки страницы. Но если поставить немного таких кнопок, то ничего страшного в этом не будет.

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

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

Кнопки без счетчиков.

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

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

Сколько ставить?

Абсолютно правильного ответа на этот вопрос дать невозможно. Я выбрал такой вариант: кнопка твиттера и гугл+ в начале статьи и кнопки твиттера, фейсбука, контакта и гугл+ после статьи. Однако если у Вас допустим есть группа от сайта в одноклассниках или основной социальной сетью для Вас является сервис “Мой мир”, то кнопки этих социальных сетей пригодятся Вам гораздо больше.

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

Источник

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

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

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

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

Каковы возможности и функции?

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

Если ваш сайт ориентирован на людей которые общаются популярных соц. сетях, например, Вконтакте, Twitter, Instagramm, Facebook, Google+, Pinterest и прочее, и вы хотите охватить их все, то чтобы не устанавливать кнопки каждой из них по отдельности, учитывая то, что они могут отличаться по размерам и дизайну, советуем воспользоваться сервисами-агрегаторами. Это простые и удобные инструменты, которые позволят посетителям сайта быстро делиться информацией со своими друзьями вне зависимости какой социальной сетью они пользуются. Ниже мы разберем наиболее популярные сервисы.

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

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

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

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

Читайте также:  Как считать газ по счетчику гранд

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

Выбрав внешний вид блока «счетчики», вы получите кнопки сервисов с отображением числа сделанных репостов, т.е. сколько данной новостью человек уже поделилось в соответствующей соц. сети. Эта функция поддерживает наиболее популярные социальные сети (Вконтакте, Facebook, Twitter, Google+, Я.Ру, Мой Мир, Одноклассники.ru).

На сайте это выглядит следующим образом:

Если вы используете сервис Яндекс.Метрика, счетчик для контроля посещаемости сайта, то сможете без труда отслеживать статистику кликов по социальным кнопкам от Яндекс, что может быть полезным. Зачем нужны счетчики посещаемости читайте в статье «Счетчик посещаемости сайта: зачем он вам нужен?».

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

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

Выглядит на сайте это следующим образом:

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

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

Так же на PLUSO имеются подразделы Блог и FAQ, где вы сможете найти ответы популярные вопросы, а так же инструкции по установке.

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

«Мне нравится» (Like) — самая популярная кнопка ,которая позволяет посетителям сайта выразить отношение к материалу.

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

Кнопки этого типа есть во всех популярных социальных сетях:

Источник

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

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

Соцкнопки необходимы, это очевидно. Вопрос в другом – какие выбрать? Мы для вас протестировали ТОП 5 различных сервисов для добавления кода кнопок на сайты. Цель – выявить оптимальный и показать его в деталях. Начнём с отборочного этапа.

Выбор лучшего сервиса социальных кнопок

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

Состав команды аттестуемых таков:

  1. uSocial – конструктор социальных кнопок.
  2. Поделиться – скрипт соцкнопок от Яндекса.
  3. Pluso – генератор соцкнопок для сайта.
  4. AddThis – сервис для создания кнопок поделиться.
  5. UpToLike – сервис социальной активности.

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

Особенности кнопок uSocial

uSocial – это мощный конструктор социальных кнопок «Поделиться» и «Мне нравится» для сайта. Имеет собственную функциональную кнопку для шаринга uLike, виджет для привлечения посетителей (завлекающее pop-up окно), приложение для ВК сообществ, конструктор мета-данных и инструмент отладки (очистки кэша). Отдельно стоит выделить наличие такой полезной опции как «Социальный замок» позволяет скрывать заданный контент (ссылку, промокод и т.д.) на страницах сайта и предоставлять к нему доступ по истечению определенного времени или при выполнении условия – «Поделиться» сайтом в социальных сетях! Само собой, есть поддержка мобильной версии блока, счетчика репостов/лайков, доступна масса гибких настроек для отображения, а также подробная статистика репостов в личном кабинете. Кнопки можно установить на сайт любого конструктора или CMS: uCoz, uKit, Wix, Jimdo, WordPress, Joomla и остальных движков.

Читайте также:  Бокс для счетчика с ключом

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

  • Во-первых, конструктор соцкнопок uSocial обладает удобным, понятным и эргономичным дизайном.
    Перемещаясь по панели функционала, которая включает в себя несколько пунктов, вы можете всегда слева видеть окно предпросмотра, что является большим плюсом. При этом, конструктор не выглядит перегруженным. Он полностью на русском языке, но имеет также и полноценную английскую локализацию. Многие аналогичные сервисы поддерживают русский язык, но не все. Например, AddThis не имеет такой возможности, что резко снижает его привлекательность для российских вебмастеров.
  • Во-вторых, uSocial предоставляет реально широкий функционал. В конструкторе можно настроить блоки “Поделиться” и “Мне нравится” так, чтобы они максимально органично смотрелись на вашем сайте. Круглые или квадратные иконки, пять различных эффектов при наведении, расположение – вертикальное, горизонтальное или статичное в заданном месте, три вида размеров, наличие общего счетчика и для каждой кнопки в отдельности, добавление кнопки “Наверх”, настройки мобильного вида, привлечение внимания к кнопкам и призыв к действию – в общем всё, что душе угодно. Таким обширным функционалом не сможет похвастаться ни один из приведенных в нашем обзоре конкурентов.
  • В-третьих, сервис дает возможность добавления, хранения и редактирования наборов в личном кабинете. Такой функции нет, например, в Яндекс Поделиться и Pluso. Эта фича очень удобна, если вы разработчик однотипных сайтов, а потому изменений в блоке “Поделиться” нет совсем или они незначительные.
  • В-четвертых, удобство использования самого блока. Для пользователя сайта работа с блоком не должна вызывать затруднений, иначе он просто откажется им пользоваться. Как, например, в случае с блоками от сервиса Яндекс.
    Для того, чтобы найти нужную вам соц. сеть, если она изначально не представлена в блоке, придется пролистать вниз внушительный список и отрываться при этом от содержимого сайта, что не слишком удобно.
    uSocial никак не мешает просмотру страницы. Если вдруг пользователь не хочет постоянно видеть данный блок на сайте, он может его скрыть и развернуть вновь при необходимости.

Словесного сравнения многим окажется мало. Поэтому мы составили сравнительную таблицу кнопок от uSocial и остальных дебютантов (используемая шкала оценки – от 1 до 5). Все эти данные получены в процессе тестирования.

Категории \ Сервисы
Дизайн блока/ разнообразие выбора/настройка размеров и расположения 5 2 5 4 5 Удобство интеграции 5 4 5 3 4 Удобство использования 5 3 5 4 5 Наличие счетчиков репостов Наличие общего счетчика “Поделиться” Возможность сворачивать блок Наличие блока кнопок “Мне нравится” Чистый код (без фреймов) Мобильный вид Шаринг в мессенджеры Статистика шаринга Всплывающие окошки, привлекающие внимание к блоку PRO возможности Предпросмотр Регистрация нужна не требуется не требуется нужна нужна

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

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

Для размещения социальных кнопочек от uSocial на своём сайте необходимо выполнить несколько простых шагов:

На сайте сервиса и выбираем, какой тип кнопок или набор сервисов будем создавать: кнопки «Поделиться», «Мне нравится», единую кнопку «uLike»; виджет «Привлечение посетителей» или «Социальный замок».

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

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

Здесь же можно активировать кнопку «Вверх», включить поддержку мобильных устройств, подключить сервисы Viber, WhatsApp, Telegram, SMS.

Очень полезной выглядит функция Eye-Catcher — «Ловушка для глаз», призывающая пользователя поделиться страницей в соцсетях.

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

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

Источник

Adblock
detector