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

Какой коврик для мыши лучше выбрать?

Добавление кнопки соцсетей на сайт с помощью «Яндекса»

Здесь виджеты соцсетей добавляются на интернет-ресурс по следующему алгоритму:

1. Заходим в блок «Поделиться» и добавляем блок иконок без всяких дополнений.
2. Отбираем иконки нужных соцсетей. Например, Twitter предлагается без счетчика, только как иконка. Определяемся с видом блоков и берем снизу от него код для вставки. Результат будет лаконичным и без излишеств.

Подробнее

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

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

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

Это можно сделать двумя наиболее распространенными способами:

• Первый способ — с помощью онлайн-сервисов, таких как: Share42, AddThis, ShareThis, Pluso.

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

• Второй способ — использовать специальные плагины. Их, конечно же, большое множество. Вот одни из наиболее распространенных: Fixed Social buttons, Simple Social Buttons, Social Share Buttons for WordPress, UpToLike, Socialize It!

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

Плагин поделиться в соц сетях для WordPress — Social Likes

Если же вы привыкли делать все с помощью плагинов на Вордпресс, то рекомендую для этих целей использовать плагин — «Social Likes», который обладает следующими преимуществами:

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

1. Выбираем в вертикальном меню WordPress «плагины» и в выпадающем «добавить новый».
2. В открывшейся странице вводим в поиск «Social Likes», находим его и устанавливаем.
3. В настройках выбираем подходящий дизайн соц сети и жмем «сохранить изменения».

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

Знаете еще удобные варианты или возникли трудности в установки? Тогда пишите в комментарии!

Как установить кнопки соцсетей на сайт самому?

установить кнопки соцсетей

Все довольно просто на самом деле! И в установке социальных кнопок на сайт ничего сложного нет. Вам нужно зайти на сервис, который Вы уже выбрали заранее и решили использовать именно его код социальных кнопок. Затем выберите для себя те кнопки, которые важны для Вас и вашего ресурса. Обычно это самые популярные социальные сети, такие как: Вконтакте или VK, Одноклассники, Facebook, Twitter, Youtube. Это самые важные социальные сети, где ваш сайт сможет быстро найти своих поклонников и постоянных читателей, а остальные соц сети на ваш выбор.

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

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

Вот собственно и все на сегодня!

Всем спасибо за внимание и терпение! Всем удачи и процветания! До новых встреч!

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

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

Шаг-2

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

внешнего вида«Поделиться»

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

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

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

Шаг-3

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

Шаг-4

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

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

Больше

Fullscreen VideoМодальные коробкиШкалаИндикатор прокруткиСтроки хода выполненияПанель уменийПолзунки диапазонаПодсказкиPopupsСкладнойКалендарьHTML вставкаСписокПогрузчикиЗвездвРейтинг пользователейЭффект наложенияКонтактные фишкиКартыКарточка профиляОповещенияЗаметкиМеткиКругиКупонОтзывчивый текстФиксированный нижний колонтитулЛипкий элементОдинаковая высотаClearfixСнэк-барПрокрутка рисункаЛипкий заголовокТаблица ценПараллаксПропорцииПереключение типа/не нравитсяВключить скрытие/отображениеПереключение текстаПереключение классаДобавить классУдалить классАктивный классУвеличить HoverПереход при наведенииСтрелкиФормыОкно браузераНастраиваемая полоса прокруткиЦвет заполнителяВертикальная линияАнимация значковТаймер обратного отсчетаМашинкуСкоро страницаСообщения чатаРазделить экранОтзывыЦитаты слайд-шоуЗакрываемые элементы спискаТипичные точки останова устройстваПеретаскивание HTML-элементаКнопка спуска на входеJS медиа запросыJS анимацииПолучить элементы IFRAME

Разновидности кнопок соцсетей для сайта

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

• Поделиться (share buttons). Данная разновидность кнопок работает как бесплатная реклама веб-ресурса. Виджет разрешает посетителям делиться с друзьями из соцсетей контентом с сайта, размещая ссылки на него в своем профиле. Новые пользователи проходят по этим ссылкам и таким образом увеличивают входящий трафик на сайт.
• Подписаться (follow buttons). Эти кнопки выведут посетителей на группы в соцсетях, где они смогут оформить подписку на новости сайта. То есть соцсети в этом случае являются еще одной площадкой для информирования подписчиков о статьях, продуктах, предложениях веб-ресурса.

Подробнее

как и куда добавить на сайт кнопки соцсетей

Предположим, вы выбрали код кнопок поделиться Яндекса:

Дальше вот что!..

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

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

А посему совет будет таков:

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

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

Итак: важно — полученный код следует прописывать не нарушая циклы функций вашего рабочего файла (например, у кого что))

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

…взгляните как получилось у вас на сайте.

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

Если что-то неясно, спрашивайте. Помогу… в чём дюжу.

Читайте полезную статейку о кнопках текстового редактора html, коли есть желание…

…и, конечно же, подписывайтесь…

Простые символы Facebook

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

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

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

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

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

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

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

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

1. Pluso.ru

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

   Установка происходит буквально в один клик. Имеется статистика переходов.

2. Share42.com

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

3. Tech.Yandex.ru

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

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

4. Social-Likes

   Данный сервис предлагает пользователям разместить на своем сайте очень красивые и стильные кнопочки социальных сетей. Созданная сервисом форма использует css и javascript. Сгенерированная форма будет прекрасно вписываться в дизайн любого интернет-проекта. Кнопки «лайков» выполнены с использованием современной технологии jquery. Подключение очень простое и не вызовет трудностей даже у начинающих. Загрузка происходит очень быстро.

5. Odnaknopka.ru

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

6. Pip.Qip.ru

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

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

Темы оформления

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

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

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

Также для поиска тем с кнопками вы можете зайти в магазин шаблонов ThemeForest. Почти все самые популярные шаблоны имеют такой функционал.

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

Если вам вдруг не хватает соц.сервисов, представленных в Наборе сервисов, то можно добавить и другие. Для этого надо зайти , и добавить их в код блока (в строку data-yashareQuickServices).

Поясню на примере. Как только вы зашли на страницу блока «Поделиться» от Яндекс, то код выглядит так:

Т.е. будут отображены кнопки от Я.ру, Вконтакте, Facebook, Twitter, Одноклассников и Моего мира. Если после moimir приписать, например, blogger (через запятую), то отобразится ещё и кнопка для Blogger.

Ещё пара достоинств у блока «Поделиться» в исполнении Яндекса:

• корректная отправка картинок со страницы на стену Вконтакте (чего не скажешь про «родной» Лайк от Контакта).
• ну и, конечно же, улучшение поведенческих факторов. Это если использовать блок «поделиться» в связке с Яндекс Метрикой.

В общем, удобно.

Случайные публикации:

Яндекс и шокирующие тизеры-баннеры в 2014.. Реальный пример с ухудшением ранжированияПоисковая система Яндекс кроме известных изменений со ссылками подготавливае…

Что такое CMS (движок сайта)?Во многих статьях на своём проекте употреблял такой термин, как «движ…

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

Что нужно учитывать при выборе и регистрации доменного имени

Какая доменная зона лучше? Кириллические домены и зона РФНа что нужно обратить внимание при выборе и регистрации доменного имени…

RDS bar для Chrome обновился.. Что нового?…не кажется не достаточно удобным

В общем, если вы даже не знаете, что такое RDS

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

Что понадобится?

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

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

Необходимые инструменты и приспособления:

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

Перечень средств и приспособлений, которые нельзя использовать:

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

Меню

Панель значковЗначок менюАккордеонВкладкиВертикальные вкладкиЗаголовки вкладокВкладки полной страницыВверх НавигацияОтзывчивый TopnavПанель поискаИсправлена ​​боковая панельБоковая навигацияПолноэкранная навигацияМеню Off-CanvasНаведение с помощью кнопокМеню горизонтальной прокруткиВертикальное менюНижняя навигацияОтзывчивый снимок NavСсылки на нижнюю границуСсылки справаЦентрированные ссылки менюИсправлено менюСлайд-шоу в прокруткеСкрыть Navbar в прокруткеПрикрепленное NavbarВыпадающие окна HoverНажмите «Раскрывающиеся окна»Раскрытие в ТопнавеРаспространение в СиденеОткроется панель NavbarDropupMega MenuпагинацияПанировочные сухариГруппа кнопокГруппа вертикальных кнопокВажная социальная панельОтзывчивый заголовок

Другие символы Facebook

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

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

Это основные области навигации Facebook.

• Новостная лента: Это часто обновляемая лента сообщений ваших друзей, которую вы просматриваете каждый день.
• Messenger: Перенаправляет вас в зону чата Facebook, где вы можете общаться с друзьями.
• Часы: Перейдите на страницу потокового видео в Facebook.
• Рынок: Посетите местный рынок Facebook, чтобы покупать и продавать товары.

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

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

В этой области навигации вы найдете следующие символы Facebook:

• События: Создать события Facebook

  Как создавать события на Facebook

  Как создавать события на Facebook

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

• Группы: Публичные или частные группы других пользователей Facebook, которые разделяют ваши интересы.
• Страницы: Страницы Facebook, посвященные бизнесу или публичному человеку.
• Фандрайзеры: Создайте или рекламируйте сбор средств для ваших друзей.
• Списки друзей: Создавайте списки, чтобы организовать группы друзей, с которыми можно делиться сообщениями.
• Воспоминания: Просматривайте и публикуйте обновления Facebook много лет назад.
• Управление приложениями: Здесь разработчики могут создавать и управлять приложениями, которые интегрируются с Facebook.
• Игры: Играйте в игры на Facebook с друзьями.
• Менеджер объявлений: Покупайте или управляйте своими объявлениями на Facebook.
• Предложения: Найдите специальные скидки и акции.
• Живое видео: Ознакомьтесь с последними видео в Facebook, опубликованными пользователями Facebook.
• Заметки: Напишите полнометражные сообщения (например, сообщения в блоге) и посмотрите, что написали друзья.
• Недавняя рекламная активность: Просмотреть все объявления, на которые вы нажали или просмотрели недавно.
• Фильмы: Смотрите расписание для фильмов рядом с вами, и купить билеты без сборов.
• Messenger Kids: Специальная зона обмена сообщениями для детей со встроенным родительским контролем.

Если вы прокрутите вниз дальше, вы увидите еще больше символов Facebook.

В этой области вы можете изучить любую из следующих областей Facebook:

Разве ты не понимаешь, что ты так много можешь сделать на Facebook?

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

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

7 советов по поиску в Facebook, чтобы найти то, что вы ищете

7 советов по поиску в Facebook, чтобы найти то, что вы ищетеВ Facebook много информации, но найти то, что вам нужно знать, может быть сложно. Вот лучшие советы по поиску в Facebook, которые вам нужно использовать.
Прочитайте больше
,

Изображение предоставлено: rvlsoft / Shutterstock

Узнайте больше о: Facebook,.

Как увеличить КПД соцбара?

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

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

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

При корректном заполнении социальных мета-тегов записи будут правильно восприниматься социальными сервисами, ибо в них указан тип материала, релевантный заголовок, ссылка на нужную картинку. Всё это повышает эффективность от репостинга: ваш материал корректно проиндексируется социальными сервисами.
 
Примеры кода микроразметки для популярных социальных сетей (код нужно прописывать перед тегом </head>):

1. и используют Open Graph protocol: 

<meta property=»og:title» content=»Название страницы»/> 
<meta property=»og:description» content=»Описание»/> 
<meta property=»og:image» content=»http://www.site.com/logo.png» />
<meta property=»og:url» content=»http://www.site.com»/> 
<meta property=»og:site_name» content=»Название сайта»/>

3. Для код выглядит так:

<meta name=»twitter:site» content=»Название сайта»/> 
<meta name=»twitter:title» content=»Название страницы»> 
<meta name=»twitter:description» content=»Описание»/> 

4. Для так:

<link rel=»author» href=»https://plus.google.com/Blogger777/»> — cсылка на профиль автора в Google+
<link rel=»publisher» href=»https://plus.google.com/+ScotchIo/»> — название сайта
<meta itemprop=»name» content=»Блог о разведении слоников»> — текст сниппета (до 40 символов)
<meta itemprop=»description» content=»Описание сайта»> — описание сайта
<meta itemprop=»image» content=»http://site.ru/pic/img.jpg»> — путь к файлу изображения

Инструменты для работы с микроразметкой:

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

В чём преимущество собственных социальных кнопок перед сервисами и плагинами

1. Безусловно, неоспоримым фактором является скорость загрузки сайта. Так, к примеру, сервис PLUSO, который я использую на блоге, при лучшем раскладе прибавляет к загрузке 633 миллисекунды.

Скорость загрузки

А в этом блоке используются лишь необходимые изображения социальных кнопок, объединённые в css спрайты. Все стили сведены к минимуму. Плюс простой каркас html.

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

Нет внешних ссылок

Вред от социальных кнопок.

Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер, Юлия Федотова

Цель компании была увеличить количество кликов (конверсий) на главной странице своего продукта (CTA) на страницах своих продуктов – Добавить в корзину. Вот как выглядела оригинальная версия:

Во второй версии убрали выделенные красным социальные иконки с сайта.

Претендент зафиксировал увеличение кликов CTA («Call-to-action», «Призыв к действию») на 11,9% по сравнению с оригиналом.

Но как такое произошло? Раньше добавление соц.сетей только повышало конверсию. Есть тесты компании AMD, по внедрению социальных иконок, при котором появился рост социальной активность пользователей на 23%.

Что работает против кнопок социального обмена?

1) Отрицательное социальное доказательство.

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

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

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

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

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

2) Отвлечение от основной цели

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

В то время как Taloon.com использовал видный CTA на своих страницах продукта – добавьте в корзину – кнопки социального обмена действовали как отвлечение.

Мнения экспертов по социальным кнопкам.

Главный редактор ресурса Information Architects Оливер Райхенстайн (Oliver Reichenstein) написал по поводу шэринговых кнопочек разгромную статью. В ней, в частности, есть такое утверждение:

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

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

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

• Поделиться (share buttons).С их помощью пользователи могут сообщить своим друзьям о вашем блоге либо о какой-то отдельной статье, разместив запись у себя на странице соцсети, что позволяет привлечь новых посетителей, что по своей сути, является, бесплатной рекламой вашего интернет-проекта.
• Подписаться (follow buttons). Они позволяют пользователям перейти к нам в группу или на страницу в одной из социальных сетей, где они могут, при желании, подписаться на новости нашего проекта. Это дает возможность информировать своих пользователей, через соц. сети, о появлении нового контента.