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

Как установить кнопку Like (Мне нравится) от Facebook

Прежде, чем установить «Мне нравится» (Like), необходимо ее создать на соответствующей странице Facebook. Для этого переходим на страницу где видим следующее:

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

• URL to Like — это первое поле, куда мы что-то можем написать. Здесь следует указывать ссылку, на которую будут вести все Like. Если же кнопка у Вас будет установлена «сквозняком» по всему сайту, то лучше это поле оставить пустым: в этом случае ссылка будет автоматически браться на статью, где была нажата. Так сделано на большинстве сайтов.
• Send Button (XFBML Only) — довольно новая функция, которая позволяет отправить сообщение своему другу или знакомому сразу с посещаемого в данный момент сайта, т.е. Вашего. Насколько она нужна — решать Вам. Скажу, что работать она будет на Вашем сайте, если подключена библиотека JavaScript SDK.

Остальные пункты понятны сразу из пояснений на картинке выше. Сверху сразу смотрим результат выбора кнопки. Как только все настроили — нажимаем Get Code (внизу картинки) и получаем код, который необходимо установить себе на сайт. К примеру код, который получился у меня:

Код из верхнего окошка (цифра 1) необходимо поместить в Ваш файл шаблона в пределах тега body (подчеркнуто красным). Facebook рекомендует это сделать в самом начале, поэтому открываем файл header.php (чаще всего здесь в шаблонах находится открывающий body) и вставляем весь код из первого окошка сразу после него.

Код из второго окошка отвечает непосредственно за отображение кнопки «Мне нравится» (Like). Поэтому подбираем место по своему усмотрению, но его обычно устанавливают перед статьей, либо после нее. Чтобы это сделать, нам нужно будет открыть файл single.php (если такого нет, то смотрите какой отвечает за вывод информации постов) и вставить предложенный код №2 в нужное место (обычно перед или после <?php the_content(); ?>).

Где взять хорошие кнопки соцсетей для сайта?

где взять соцкнопки

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

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

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

Вот этот сервис социальных кнопок. Может быть он и для Вас будет полезен?!

Для чего нужны кнопки социальных сетей?

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

Социальные сети играют немаловажную роль в поисковом продвижении:

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

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

Плагины

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

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

AddToAny Share Buttons

Один из самых популярных плагинов для размещения кнопок “Поделиться” на страницах сайта с ВП. Расширение имеет интуитивно понятный интерфейс и множество вариантов этих самых кнопок. Базовую версию можно установить прямо из каталога, за расширенную придется заплатить.

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

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

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

Установить это расширение можно прямо из каталога WordPress. Просто перейдите в “Плагины” – “Добавить новый”, введите название в поле поиска и кликните на кнопку “Установить”, а после на “Активировать”. Параметры плагина можно найти в меню “Настройки” – “СоцЗакладки”.

Social Media Share Buttons & Social Sharing Icons

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

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

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

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

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

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

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

WordPress Share Buttons Plugin – AddThis

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

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

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

Также вы можете пользоваться шорткодами, настраивая отображение того или иного набора иконок для каждой статьи или страницы. То же самое можно делать при помощи специального окна “AddThis Tools”, которое появится в каждой таксономии.

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

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

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

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

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

МЕНЮ

Панель иконокЗначок менюАккордеонВкладкиВертикальные вкладкиЗаголовки вкладокВкладки полностраничныеВкладки при наведенииВерхняя навигацияОтзывчивый верхний навигаторНавигация с иконкамиМеню поискаСтрока поискаФиксированная боковая панельАнимированные боковые панелиОтзывчивая боковая панельПолноэкранная навигация наложенияМеню Off-CanvasБоковые кнопки навигацииБоковая панель с иконкамиМеню с горизонтальной прокруткойВертикальное менюНижняя навигацияОтзывчивая нижняя навигацияГраницы навигацииМеню по правому краюСсылка меню по центруМеню равной шириныФиксированное менюСкольжение вниз по полосе прокруткиСкрыть меню при прокруткеУменьшить меню при прокруткеЛипкая навигацияНавигация на изображенияВыпадающее менюВыпадающий при кликеВыпадающее меню в навигацииВыпадающий список в боковой навигацииОтзывчивая навигация с выпадающимПодменю навигацияВсплывающее менюМега менюМобильное менюМеню занавесСвернуть боковой барСвернуть боковую панельПагинацияХлебные крошкиГруппа кнопокГруппа вертикальных кнопокЛипкий социальный барНавигация таблеткиОтзывчивый заголовок

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

Шаг 1) Добавить HTML:

Пример

<!— Добавить библиотеку иконок —><link rel=»stylesheet» href=»https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css»><!— Добавить шрифт иконок —><a href=»#» class=»fa fa-facebook»></a><a href=»#» class=»fa fa-twitter»></a> …

Шаг 2) Добавить CSS:

/* Стиль все шрифты иконок */.fa {  padding: 20px;  font-size: 30px;  width: 50px;  text-align: center;  text-decoration: none;} /* Добавить эффект наведения, если вы хотите */.fa:hover {  opacity: 0.7;}/* Установите определенный цвет для каждого бренда *//* Facebook */.fa-facebook {  background: #3B5998;  color: white;}/* Twitter */.fa-twitter {  background: #55ACEE;  color: white;}

Воробышек

Устанавливая социальные кнопки для сайта, не следует «гнаться» за количеством — лучше учитывать популярность соцсетей. Например, установка кнопки соцсети «My Space», популярной на Западе и практически неизвестной на наших просторах, не приведет к желаемому результату.

А вот если среди потенциальной целевой аудитории сайта много пользователей «Твиттера», нужно обязательно установить любую из его кнопок.

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

Зачем нужны социальные кнопки?

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

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

В чем прелесть данного метода?

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

Как это работает?

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

Или вот так, если взять социальную сеть Вконтакте:

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

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

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

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

Специалисты SeoPult подготовили полезный материал с объяснением сферы SMM:

Дальше дело за контентом. Менеджер по продвижению может составлять его самостоятельно или привлекать копирайтеров, дизайнеров, блогеров. Интересно вести аккаунт необязательно дорого, контент можно делать на чистом энтузиазме. Определить результативность кампании можно с помощью инструментов аналитики: Яндекс.Метрика, Google Analytics, Amplitude. Это общие шаги, конкретика зависит от особенностей продукта и бизнеса.

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

Продвижение сайта через социальные сети

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

Юлия Новосад  рассказала о грамотном продвижении услуг туристического агентства через Instagram:

Читайте подробнее о продвижение в инстаграм в статье: “Продвижение в Instagram: что это такое, где можно научиться”

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

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

Основатель компании OL-LI Екатерина Уколова взяла интервью у разных специалистов о том, как работает продвижение в соцсетях:

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

Не нужно путать бренд в целом и персональный бренд: во втором случае речь идёт о конкретном человеке

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

Социальные сети существенно помогают добиваться установленных бизнес-целей

Альтернативный вариант настройки кнопок «Поделиться»

В интернете есть различные сервисы для создания кнопок «Поделиться». Парой из них мы и воспользуемся. Этот вариант более сложный, так как здесь требуется базовое понимание работы CSS, HTML и JavaScript. 

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

1. Выберем кнопки, который нам нужны, на Facebook, Вконтакте и Google+, прочие кнопки удалим.

2. Ниже можно подобрать параметры отображения кнопок.

3. Ещё ниже есть поля для ввода заголовка и краткого описания страницы. Эти поля мы не будем заполнять, так как эти данные уже введены в настройках страницы, раздел «Социальные сети».

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

5. Кнопки «Поделиться» от сервиса pluso.ru отображаются по левой стороне. Выровнять их можно добавив соответствующее CSS свойство, но если обойтись более простым вариантом, то задать определенное расположение элементу можно используя виджет «Колонки».

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

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

2. В личном кабинете нажмем на кнопку «Создать набор», выберем «Кнопки «Поделиться»» и настроим параметры отображения кнопок.

3. Полученный на сервисе код добавляем в виджет «Вставка HTML кода» и выполняем предпросмотр или публикацию для просмотра результата отображения.

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

Избранные результаты

В WhatsApp охотней делятся. Кнопки для WhatsApp и Viber владельцы сайтов устанавливают практически в одинаковой пропорции (43,7% и 43,5% случаев), а вот читатели шарят контент в WhatsApp вдвое чаще, чем в Viber.

Замеряем пульс российского диджитал-консалтинга

Какие консалтинговые услуги востребованы на российском рынке, и как они меняют бизнес-процессы? Представляете компанию-заказчика диджитал-услуг?

Примите участие в исследовании Convergent, Ruward и Cossa!

4 кнопки — самая популярная длина набора кнопок у владельцев сайтов. Помимо «ВКонтакте», Facebook и «Одноклассников», чаще других в набор попадает кнопка соцсети Google+. Интересно, что при этом Google+ входит и в топ-4 по числу репостов, слегка опережая Twitter.

«Одноклассники» vs Facebook. Кнопки «Одноклассников» ставят на сайты реже, чем кнопки Facebook, а вот по числу нажатий на «поделиться» пользователи «Одноклассники» впереди.

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

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

Половина дела сделана — иконочный шрифт подключен к сайту, осталось создать кнопки и вывести через них иконки социальных сервисов.

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

/*Кнопка Яндекс*/
<a href="#" class="social-button ico-yandex"></a>
/*Кнопка Google+*/
<a href="#" class="social-button ico-googleplus"></a>
/*Кнопка "Одноклассники"*/
<a href="#" class="social-button ico-ok"></a>
/*Кнопка Мейл.ру*/
<a href="#" class="social-button ico-mail"></a>
/*Кнопка Вконтакте (малый логотип)*/
<a href="#" class="social-button ico-vk-B"></a>
/*Кнопка Вконтакте (международный логотип)*/
<a href="#" class="social-button ico-vk-vk"></a>
/*Кнопка Facebook*/
<a href="#" class="social-button ico-facebook"></a>
/*Кнопка Twitter*/
<a href="#" class="social-button ico-twitter"></a>
/*Кнопка Instagram*/
<a href="#" class="social-button ico-instagram"></a>
/*Кнопка Youtube*/
<a href="#" class="social-button ico-youtube-3"></a>
/*Кнопка Youtube (значок)*/
<a href="#" class="social-button ico-youtube"></a>
/*Кнопка Vimeo*/
<a href="#" class="social-button ico-vimeo"></a>
/*Кнопка Twich*/
<a href="#" class="social-button ico-twitch"></a>
/*Кнопка Whatsapp*/
<a href="#" class="social-button ico-whatsapp"></a>
/*Кнопка Skype*/
<a href="#" class="social-button ico-skype"></a>

CSS стили кнопок социальных сервисов

.social-button {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50%; //скругление углов кнопки
	width: 54px; //размер кнопки по ширине
	height: 54px; //размер кнопки по высоте
	background: #118EC7; //цвет кнопки в статичном виде
	border: none;
	line-height: 54px;
	color: #fff; //цвет иконки в статичном виде
	font-size: 27px; //размер иконки
	text-align: center;
	/* Скорость анимации */
	-webkit-transition: box-shadow .2s ease-out, background-color .2s ease-out;
	-moz-transition: box-shadow .2s ease-out, background-color .2s ease-out;
	transition: box-shadow .2s ease-out, background-color .2s ease-out;
	margin-bottom: 10px;
	-webkit-user-select: none;
	}
	
.social-button:hover,
.social-button:focus {
	text-decoration: none!important;
	background-color: rgba(255, 255, 255, 0); //фон кнопки при наведении курсора
	color: #118EC7; //цвет иконки при наведении курсора
	text-decoration: none;
	outline: none;
	box-shadow: 0 0 0 3px #118EC7; //цвет рамки при наведении курсора
	border: none
	}

Как проходило исследование

Анализ проводился в апреле-мае 2016 года на примере 4000 сайтов с адаптивными кнопками uSocial.pro от uCoz. Сайты были созданы на разных платформах и конструкторах. В выборку попали развлекательные и информационные порталы, фан-сайты, лендинги, сайты малого и среднего бизнеса, форумы с аудиторией от 300 до 10 000 посетителей в сутки.

За время исследования страницы с установленными на них кнопками набрали 35 млн уникальных просмотров и 114 тысяч расшариваний в семи соцсетях («ВКонтакте», «Одноклассники», Facebook, «Живой Журнал», Twitter, Google+, «Мой мир») и двух мессенджерах (Viber, WhatsApp).

Больше

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

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

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

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

Рекомендую почитать:

• Плагин подписки на блог и комментарии;
• Где получить бесплатные индексируемые ссылки?
• Нужные плагины WordPress;
• Публикация с помощью электронной почты;
• Обратная связь на сайте.

Зачем нужны социальные кнопки

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

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

Разновидности кнопок:

Нравится + иконка соцсети – позволяет посетителям осуществлять оценку статьи. На иконке отображается социальная сеть, через которую пользователь голосует. Основные ресурсы: VK, и Одноклассники – в них имеется возможность поставить «Лайк» или «Нравится». Данный тип кнопок не влияет на поисковое продвижение и носит исключительно рейтинговый характер. Если навести указатель на одну из иконок, появится окошко с изображениями аватарок проголосовавших людей

Обращаем внимание, что для отметки «Мне нравится» пользователь должен быть авторизирован в советующей социальной сети.
Поделиться (Репост) – позволяет опубликовать конкретный материал сайта на своей странице в социальной сети. Кликнув по нужной иконке, подтверждается действие размещения ссылки в аккаунте пользователя, которую также можно отправить в личном сообщении

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