Social share buttons

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

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

Из явных плюсов Easy Social Share Buttons for WordPress:

• Простейшая локализация плагина, позволяющая использовать его на любом языке
• Наличие таких родных социальных сетей, как «Вконтакте» и «Одноклассники», плюс возможность добавить любые национальные социальные сети
• Возможность полной кастомизации социальных кнопок и всплывающих подсказок к ним
• Интеграция с bbPress, BuddyPress, WP e-Commerce и JigoShop
• Статистика кликов
• Толковый мануал в .pdf формате.

Знакомство с плагином

Плагин этих замечательных кнопок социальных сетей устанавливается и настраивается стандартно, после чего в консоли появляется новый пункт меню — Easy Social Share Buttons. Давайте откроем страницу настроек плагина и посмотрим, что у нас есть. На главной странице настроек плагина мы видим семь табов для настройки:

Main Settings (Главные настройки). Это одна из главных вкладок, с которыми мы будем сейчас работать, так как она содержит практически все, что нужно для базовой настройки интеграции с соц. сетями. Здесь можно настроить шаблоны кнопочек, выбрать социальные сети, с которыми вы хотите работать, или даже внести собственные данные для Facebook и Twitter и т. п. и т. д.

Display Settings (Настройки отображения). Здесь можно настроить отображение всего, что предлагает данный плагин для социализации вашего сайта. Еще один важный таб, который пригодится для настройки.

Style Settings. Настройки стилей.

Shortcode Generator. Очень простой и понятный генератор шорткодов.

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

Import/Export Settings. Настройки импорта и экспорта.

Automatic Updates. Настройка автоматических обновлений.

Настройка плагина (Для продвинутых пользователей)

Шаг 1. А теперь давайте перейдем к настройке плагина. Для начала разберемся с местной локализацией. Для этого кликнем Display Settings Localization Settings. Ищем поле Language code for native social networks и вбиваем туда нужный код, в нашем случае, конечно же, «ru». Еще здесь можно написать всплывающие подсказки для каждой соц. сети на родном языке.

Шаг 2.

1. Main Settings. Template. Выбираем шаблон социальных кнопок.
2. Main Settings. Social Share Buttons. Выбираем кнопки, тех социальных сетей, которые хотим видеть на сайте.


3. Main Settings. Social Share Analytics. Управление статистикой: галочка в первом чекбоксе позволит увидеть вам статистику кликов плагина. Вторая же галочка активирует статистику Google Analytics.
4. Main Settings. Social Fans Counter. Здесь нужно ввести ID и прочие данные для отображения количества ваших последователей в соц. сетях. Например, если у вас есть группа в «Вконтакте», то копируем url-адрес вашей группы, к примеру, https://vk.com/название вашей группы, и вставляем в поле Community ID/Name (раздел VK.com) то, что выделено жирным.
5. Main Settings. Social Like, Follow and Subscribe Buttons. Внедрение кнопок «Поделиться» и «Мне нравится». Здесь вклеиваются и настраиваются кнопки типа «Мне нравится». Здесь я объясню только, как вклеить такую кнопку для вашей группы в «Вконтакте». Для этого ищем VKontankte (vk.com) Like, ставим галочку напротив VKontakte (vk.com) Like Button, потом переходим по ссылке, данной в описании, находящемся под боксом VKontakte (vk.com) Application ID, где в коде, предложенном для вставки на сайт, ищем место, которое начинается с apiId: и копируем код, идущий далее. Осталось только вставить его в нужное поле и сохранить настройки.
6. Main Settings. Customize E-mail Message. Настройка формы, которую видит пользователь, отправляя вашу новость по E-mail.
7. Display Settings. Первый шаг, связанный с этим табом, опционален: если вам нужно интегрировать плагин с пользовательскими типами записей, bbPress-форумом, BuddyPress, магазином на основе WP e-Commerce/JigoShop, то здесь вы можете это сделать, просто расставив галочки в соответствующих чекбоксах.


8. Display Settings.Button Position. Здесь можно изменить расположение бокса с кнопочками относительно контента, включить плавающую панель с кнопками или настроить их расположение в сайдбаре.
9. Display Settings. Network Names. Управление названиями социальных сетей и их отображением.
10. Display Settings. Counters. Настройка счетчиков
11. Display Settings. Mobile Display Options. Настройка социальных опций для мобильных устройств.
12. Display Settings. Sidebar Settings. Настройка отображения кнопок в сайдбаре.

Настройка плагина с помощью мастера настройки (Для чайников)

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

• Additional Social Share Buttons Settings. Тут в основном настройки для Twitter:
• Twitter username to be mentioned: Ваше имя в Twitter
• Twitter hashtags to be added: Хэштеги, если они нужны
• Twitter share short url: Короткие ссылки для Twitter
• Display buttons on. Выбираем места для отображения кнопочек
• Social Network Names. Названия социальных сетей: их можно изменить или вообще скрыть
• Social Share Counters. Показ счетчиков лайков.

Виджеты

Social Fans Counter

Виджет для отображения количества ваших последователей в социальных сетях. Для настройки этого виджета нужно кликнуть Main Settings Social Fans Counter и вбить информацию, необходимую для связи с нужными вам соц. сетями. Все очень просто: вбиваем ID и получаем стильные счетчики. Настройка внешнего вида виджета:
Title – заголовок виджета (поддерживается кириллица)
Style – стиль отображения счетчиков
Columns — количество колонок (самих счетчиков) в виджете
Forced Items Width – определенная ширина виджета (задается принудительно)
Show the Social Box only – если поставить галочку в этом боксе, то отображаться будет виджет без заголовка.

Easy Social Share Buttons

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

Top Social Posts

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

Итого

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

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

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

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

Еще про социальные сети можете почитать тут:

Facebook Likebox Slider — слайдер социальных сетей и сервисов
WP Symposium — форум и социальная сеть для WordPress
Boom Social — активизируем социальные сети и подписчиков
BuddyPress — социальная сеть на вашем сайте

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

wpnice.ru

Возможности плагина

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

» />

• 40+ социальные сетей — Easy Social Share Buttons для WordPress поддерживает более 40 популярных социальных сетей, включая мобильные мессенджеры. Количество поддерживаемых соц. сетей увеличивается с каждым обновлением.
• Действия «After Share» — Отличный способ поощрять самых активных пользователей, который можно также использовать и для увеличения вашего списка рассылки.
• Media Sharing — Функция, которая позволит вашим пользователям делиться изображениями.
• Цитаты — Есть возможность создавать моментальные посты в Twitter (a.k.a Click-to-tweet).
• 27 шаблонов — Easy Social Share Buttons включает в себя 27 разных шаблонов и очень удобный настройщик, поэтому вы всегда сможете экспериментировать с внешним видом.


• Различные стили и макеты кнопок — Среди предложенных вариантов есть кнопки на всю ширину экрана, кнопки с фиксированной шириной, вывод кнопок в колонке, автоматическое отображение и т.д.
• 20 автоматических позиций — В плагине вы найдете, наверное, самый продвинутый движок для отображения, который автоматически предлагает 20 различных позиций для вывода кнопок. Также не следует забывать о шорткодоах, благодаря которым вы сможете добавлять кнопки в любом месте.
• Качественная мобильная версия — Easy Social Share Buttons для WordPress предоставляет 3 специальных варианта отображения кнопок на мобильных устройствах, использование которых позитивно повлияет на активность ваших «мобильных» посетителей.
• Оптимизация — Плагин включает в себя модуль оптимизации, который позволит вам настраивать нужную информацию для соц. сетей. Есть также автоматическая отладка сообщений для Twitter, кастомные изображения для Pinterest и многое другое.
• Social Metrics Lite — Функция, которая поможет отслеживать эффективность социальных сетей на конкретном посте или странице.
• Social Analytics — Отличный модуль для аналитики. Отслеживайте действия своих посетителей на основе поста, способа отображения или типа устройства. Если вы хотите использовать Google Analytics — такой вариант также учтен. Плагин позволяет активировать пользовательскую трекинговую кампанию для Google Analytics.


• Кнопки Like, Follow & Subscribe — Разработчики понимают, насколько важными могут быть подобные кнопки, поэтому добавили 12 самых популярных нативных кнопок.
• Счетчик для фолловеров — Очень стильный счетчик с автоматическим обновлением данных. Также есть платные аддоны для отслеживания ваших профайлов в социальных сетях.
• Линки на профили — Позволяет легко и просто добавлять ссылки на ваши профили в любое место на сайте.
• Top Social Posts — удобный виджет, который предоставит пользователям информацию о самых популярных постах (необходимо, чтобы был активирован виджет Metrics Lite).
• Производительность — С учетом оптимизации, плагин позволяет получить максимальную производительность от кнопок, не влияя на скорость загрузки сайта.
• Социальное Доказательство — Демонстрация вашим посетителям, что другие пользователи уже поделились контентом — очень мощный инструмент влияния.
• Share Counter Recovery — модуль, который следит практически за каждым изменением, которое происходит на вашем сайте, включая изменение структуры постоянной ссылки, изменение протокола или перехода на новый домен.

Настройка плагина

Как только вы активируете плагин и перейдете на страницу настроек, может показаться, что все слишком сложно и загромождено. Там действительно много различных настроек, вверху страницы находятся вкладки Social Buttons, Display Settings, Style Settings, Shortcode Generator, Analytics Dashboard, Import / Export и Update. С левой стороны вы увидите все доступные варианты для каждого раздела.

» />

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

Все начинается с выбора шаблона — он отвечает за внешний вид ваших кнопок:

» />

Далее в Button Style вы изменяете стиль вашей кнопки, задаете выравнивание, интервал и ширину кнопок:

» />

Далее определяете, какие социальные сети вы хотите добавить. Выбирать и менять порядок можно с помощью drag-and-drop:

» />

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

» />

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

» />

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

• Над контентом
• Под контентом
• Над и под контентом
• Плавающие кнопки вверху страницы
• Плавающие кнопки внизу страницы
• Нативные кнопки вверху страницы, кнопки «Поделиться» — внизу
• Нативные кнопки внизу страницы, кнопки «Поделиться» — вверху
• Режим «Manual Display Only» — размещение кнопок на странице при помощи шорткодов

» />

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

» />

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

» />

Что случилось с Twitter счетчиком?

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

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

Чтобы активировать эту функцию, нужно перейти в Social Buttons → Display Counters, найти вкладку Twitter Share Counter и установить Self-Hosted Counter.

» />

Если вы не хотите попасть под негативное влияние «социального доказательства», можно настроить плагин так, чтобы данные счетчика отображались только после определенного количества репостов. Для этого перейдите в Advanced Settings → Twitter Counter Setup и установите Minimal Share Counter Value.

» />

Такую настройку можно сделать и для постов в целом. Для этого на экране редактирования поста введите значение для Internal Share counter.

» />

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

Аналитика

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

» />

Ниже размещена таблица, в которой перечислены все клики в разных сетях по месяцам:

» />

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

» />

Аддоны

Для плагина Easy Social Share Buttons есть ряд бесплатных и платных аддонов:

• Social Profiles (бесплатный) — позволяет отображать кнопки на ваши профили в соц. сетях, чтобы люди могли на вас подписываться.
• Social Metrics Lite (бесплатный) — позволяет отслеживать ваши посты в социальных сетях и предоставляет подробные отчеты.
• Click Log Analytics (бесплатный) — модуль, который отслеживает нажатие кнопок на вашем сайте.
• Video Share Events ($9) — позволяет вам создавать всплывающие окна для видео (можно использовать и видео с YouTube или Vimeo).
• Self-Hosted Short URLS ($9) — позволяет создавать собственные короткие URL-адреса для сайта.
• Social Profile Analytics ($9) — позволяет контролировать все счетчики в профилях социальных сетей.

Стоимость

Плагин можно приобрести на CodeCanyon за $19. В стоимость входит поддержка на 6 месяцев, которую можно будет продлить на год за $5.70. В целом, для такого плагина, цена вполне оправдана.

Заключение

Если вы ищите удобный, качественный плагин для добавления кнопок социальных сетей на сайт, то данный вариант идеально вам подойдет. Easy Social Share Buttons предоставит все необходимые настройки, аналитику и аддоны, которые могут вам понадобиться.

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

hostenko.com

40+ социальные сетей — Easy Social Share Buttons для WordPress поддерживает более 40 популярных социальных сетей, включая мобильные мессенджеры. Количество поддерживаемых соц. сетей увеличивается с каждым обновлением.
Действия «After Share» — Отличный способ поощрять самых активных пользователей, который можно также использовать и для увеличения вашего списка рассылки.
Media Sharing — Функция, которая позволит вашим пользователям делиться изображениями.
Цитаты — Есть возможность создавать моментальные посты в Twitter (a.k.a Click-to-tweet).
27 шаблонов — Easy Social Share Buttons включает в себя 27 разных шаблонов и очень удобный настройщик, поэтому вы всегда сможете экспериментировать с внешним видом.
Различные стили и макеты кнопок — Среди предложенных вариантов есть кнопки на всю ширину экрана, кнопки с фиксированной шириной, вывод кнопок в колонке, автоматическое отображение и т.д.
20 автоматических позиций — В плагине вы найдете, наверное, самый продвинутый движок для отображения, который автоматически предлагает 20 различных позиций для вывода кнопок. Также не следует забывать о шорткодоах, благодаря которым вы сможете добавлять кнопки в любом месте.
Качественная мобильная версия — Easy Social Share Buttons для WordPress предоставляет 3 специальных варианта отображения кнопок на мобильных устройствах, использование которых позитивно повлияет на активность ваших «мобильных» посетителей.
Оптимизация — Плагин включает в себя модуль оптимизации, который позволит вам настраивать нужную информацию для соц. сетей. Есть также автоматическая отладка сообщений для Twitter, кастомные изображения для Pinterest и многое другое.
Social Metrics Lite — Функция, которая поможет отслеживать эффективность социальных сетей на конкретном посте или странице.
Social Analytics — Отличный модуль для аналитики. Отслеживайте действия своих посетителей на основе поста, способа отображения или типа устройства. Если вы хотите использовать Google Analytics — такой вариант также учтен. Плагин позволяет активировать пользовательскую трекинговую кампанию для Google Analytics.
Кнопки Like, Follow & Subscribe — Разработчики понимают, насколько важными могут быть подобные кнопки, поэтому добавили 12 самых популярных нативных кнопок.
Счетчик для фолловеров — Очень стильный счетчик с автоматическим обновлением данных. Также есть платные аддоны для отслеживания ваших профайлов в социальных сетях.
Линки на профили — Позволяет легко и просто добавлять ссылки на ваши профили в любое место на сайте.
Top Social Posts — удобный виджет, который предоставит пользователям информацию о самых популярных постах (необходимо, чтобы был активирован виджет Metrics Lite).
Производительность — С учетом оптимизации, плагин позволяет получить максимальную производительность от кнопок, не влияя на скорость загрузки сайта.
Социальное Доказательство — Демонстрация вашим посетителям, что другие пользователи уже поделились контентом — очень мощный инструмент влияния.
Share Counter Recovery — модуль, который следит практически за каждым изменением, которое происходит на вашем сайте, включая изменение структуры постоянной ссылки, изменение протокола или перехода на новый домен.

prowebber.ru

Всем привет! Сегодня мы рассмотрим социальные кнопки для WordPress, которые можно быстро добавить с помощью удобного и простого плагина Social Share Buttons for WordPress. Что отличает его от других подобной тематики? То что он русский и поддерживает все самые популярные социальные сети рунета — vkontakte, facebook, twitter. одноклассники и другие.

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

• Вконтакте;
• Facebook;
• Одноклассники;
• Mai.ru;
• LiveJournal;
• Яндекс;
• Google Buzz;
• Google Plus.

Помимо этого, плагин позволяет добавить в WordPress социальные кнопки «мне понравилось» от Facebook, Mail.ru, Одноклассники и Вконтакте. Большего и желать нельзя!

С установкой плагина проблем возникнуть не должно:

• ;
• разархивируйте и перекиньте папку с файлами плагина на ftp в директорию wp-content/plugins;
• активируйте его через панель администратора.

Настройки плагина полностью на русском языке и располагаются в разделе Share Buttons ардминки WP.

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

Раздел Share настройки отвечает за блок «поделиться». В опции Сортировка кнопок можно задать порядок следования иконок, просто перетаскивая один пункт под другой.

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

Третий раздел настроек плагина — Like настройки, отвечает за иконки «мне нравится».

В первой опции можно включить/отключить их включить/выключить и отсортировать.

Остальные разделы отвечают за внешний вид кнопок соответственно от Mail.ru и Одноклассников, Вконтакте и Facebook. Чтобы использовать иконки от и , необходимо иметь в них свой аккаунт.

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

А на этом на сегодня все! Всем спасибо за внимание и до скорых встреч!

fairheart.ru

Возможности плагина Easy Social Share Buttons

Оговорюсь сразу про то, зачем я в заголовке выделил социальные сети Вконтакте и Одноклассники. Дело в том, что Easy Social Share Buttons является буржуйским продуктом, где обычно о «суровых» реалиях жизни в рунете практически ничего не ведают и оттого популярные у нас социальные сети такими разработчиками попросту игнорируются. Этот же плагин стал приятным исключением из правил.

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

Если перейдете на демо-страницу Easy Social Share Buttons и прокрутите ее вниз, то увидите горизонтальную панель с кнопками, которая будет оставаться «приклеенной» вверху страницы. Естественно, что это не единственный вариант оформления внешнего вида и позиции, в которой могут выводиться кнопки.

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

1. Имеются кнопки для 18 социальных сетей (включая две рунетовские), куда посетители вашего сайта смогут расшарить понравившуюся им статью или товар в интернет-магазине. Для некоторых из этих сервисов (Вконтакте, Гугл+, Фейсбук) можно будет добавить кнопки «Мне нравится» (+1 в случае Гугла), а для Твиттера кнопку для набора фолловеров (Читать).
   
2. Для блока кнопок, выводимых с помощью Easy Social Share Buttons, можно будет в настройках задать один из 9 стилей отображения.

   

   Причем, имеется возможность задать разный внешний вид кнопок для статей и для статических страниц («Display Settings» — «Advanced Display Settings by Post Type»).

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

   

   Если не хотите, чтобы этот эффект использовался, то отключите его (Display Settings — Network Names and Counters). Там же можно будет добавить ко всем кнопкам счетчик кликов по ним, а также общий счетчик кликов по всему блоку. Положение счетчика тоже настраивается.

   

4. В настройках Easy Social Share Buttons вы найдете целых девять способов показа блока. Некоторые из них будут плавающими, т.е. блок будет зафиксирован в определенном месте при прокрутке страницы (например, как это было в вертикальном блоке Шаре42).

   

   На данном блоге я использую предлагаемый по умолчанию способ (Content bottom — только под контентом). На другом сайте я поставил плавающий сверху блок из кнопок (Float from content top), названия которых появляются только при наведении мыши.

   Есть еще вариант со всплывающим окном, причем он вовсе не навязчивый, и крупной кнопкой «закрыть». Примечательно, что для каждого из типов вывода блока кнопок социальных сетей от Easy Social Share Buttons имеется свой блок настроек (обведены желтой линией на скриншоте). Отрадно, что, например, для всплывающего блока можно задать тайм-аут с момента загрузки страницы, по истечении которого этот блок появляется (не навязчиво получится).

5. Порядок следования кнопок социальных сетей в блоке можно произвольно изменять с помощью простого их перетаскивания мышью в настройках плагина из админки WordPress.
6. Можно включить или отключить показ блока с социальными кнопками на разных страницах блога, в том числе и на тех, что были созданы плагинами для организации форумов и интернет-магазинов.
   
7. Есть возможность включить ведение статистики по расшариванию ваших статей в социальные сети с помощью этого плагина (Easy Social Metrics Lite). Включается и настраивается эта опция в показанных на скриншоте настройках:
   

ktonanovenkogo.ru

В предыдущей статье («Зачем нужны кнопки социальных сетей?») мы рассмотрели настоятельную необходимость иметь на сайте (блоге) такие кнопки и сегодня начнем разговор о самом простом способе их установки – с помощью плагина Social Share Buttons. Несомненное достоинство этого плагина в том, что он достаточно простой в установке и, тем нее менее, предоставляет вебмастерам неплохие возможности для настройки.

Скачать плагин можно в репозитории WordPress . Версия плагина – 2.7, совместим с версиями WordPress начиная с 2.8.

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

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

Рис.1 (Кликните для увеличения)
Во вкладке Share Buttons нам предстоит настроить плагин, исходя из стиля сайта и своих предпочтений. Заходим в раздел «Главные настройки»:

Рис.2

Рассмотрим настройку по пунктам.

1. «Загрузите ваш логотип сайта» — имеется в виду картинка размером 100×100 пикселей, которая будет сопровождать все ваши записи в сетях. Я не рекомендую это делать и оставить этот пункт настроек пустым. В соц.сетях, например, в Facebook вы имеете возможность выбрать картинку и ваша страничка будет выглядеть гораздо симпатичнее, чем логотип сайта, сопровождающий каждую запись, – как в Твиттере.

2. «Текст перед социальными кнопками» — у вас есть возможность написать более привлекательную надпись над блоком кнопок. Какую – придумайте, от этого зависит как читатели будут кликать по кнопкам.

3. «Генерация мета данных» — в принципе неплохая опция, но я встречал утверждения, что она довольно плохо реализована, в результате мета-теги заполняются случайными и обрывистыми данными. Словом, галочку лучше убрать, особенно тем у кого стоит плагин All In One SEO Pack, которые тоже имеет такую функцию. А тем, у кого его до сих пор нет (ай-яй-яй), надо его срочно установить.

4. «Позиция кнопок соц. сетей» — имеется ввиду их размещение относительно статьи.

В пункте 4 определяется горизонтальная ориентация – слева, справа, по центру. Только учтите, что вторая строчка кнопок («Like» — о ней ниже) не регулируется, и все они прижаты к левому краю. Когда перейдем к третьей группе настроек, вы это увидите.

5. В пункте 5 определяете вертикальное размещение кнопок – над статьей или под ней. Лучше под статьей.

6. «Где показывать кнопки» — в постах надо однозначно, на страницах – по вашему желанию (я — разместил), на главной – не надо, получается очень некрасиво.

7. «Исключить страницы и посты по ID» — можно сделать так, чтобы на каких-то страницах или в постах кнопки не показывались. Зачем – не знаю.

Узнать ID статей и постов можно с помощью плагина Reveal IDs  или можно узнавать вручную ID каждой статьи в  отдельности . Для этого надо навести курсор на название статьи в списке статей и в нижнем левом углу высветится ID статьи.

8.«Другие настройки» — громко сказано: здесь вы можете только указать свой никнейм в Twitter (например, у меня novichkoffru).

Внеся необходимые данные, нажимаем кнопку «Сохранить изменения».

Теперь переходим ко 2-й группе настроек – «Share настройки»:

Рис.3

Здесь настолько все просто, что и писать не о чем. Сначала можете отсортировать порядок кнопок в левом верхнем углу – просто перетаскивайте их.

Потом выберите стиль кнопок, после чего можно определить какие из кнопок будут показываться, а какие – нет. Рекомендую перейти на сайт и посмотреть — работает ли у вас кнопка Google Bazz или этот сервис уже окончательно прекратил работу.

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

Переходим к третьей группе настроек – Like- настройкам:

Рис.4

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

Рис.5

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

Но если кто-то все-таки решит, что эти кнопки Like ему жизненно необходимы, то сходите на : на этой странице, куда ведет ссылка, очень много различных роликов именно на эту тему – о плагине Social Share Buttons.

P.S. Совет. Если у вас поломалась флешка, на которой есть очень важные файлы, то можно провести самостоятельное с помощью программы Handy recovery. Причем есть вариант, как это можно сделать не оплачивая программу. Почитайте. Или же отдайте флешку для ее восстановления профессионалам.

www.novichkoff.ru

Принцип работы социальных кнопок

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

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

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

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

Немного истории

Те социальные кнопки, которые мы видим сейчас – Facebook, Vkontakte, Google+ и т.д. не были первыми. Несколько лет назад подобные кнопки были популярны для различных сервисов закладок, наподобие bobrdobr или memori.

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

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

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

Вы можете забрать к себе часть этого трафика.

Способы установки социальных кнопок на WordPress

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

1. Ручная вставка кодов

Преимущество данного метода – все скрипты “прозрачны” и лежат на вашем сайте, а не подгружаются откуда-то еще.

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

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

Открывайте сайт – share42.com

Генератор сразу размещен на главной и нам предстоит настроить внешний вид.

Настройка скрипта Share24

Первый шаг – выбор социальных сетей, для которых будет доступно быстрое расшаривание. Список очень большой, в реальности мало кто использует больше 10, я беру 5 – Facebook, Vkontakte, Google+, Odnoklassniki и Twitter.

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

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

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

Далее, скачиваем папку с файлами скрипта и размещаем ее на своем хостинге через файловый менеджер хостинга или с помощью какого либо клиента, типа Filezilla или Total Commander. В инструкции об этом написано:

Вывод кнопок на страницы

Теперь остается подключить скрипт к страницам вашего сайта. Делается это с помощью кода, который будет либо универсальным, либо адаптированным под определенную CMS, я в примере выбрал WordPress и получил вот такой результат:

В последней строчке обратите внимание – надо прописать путь к папке, куда вы поместили скрипт – указать свой сайт.

Если вы выбрали вертикальную модель с плавающими кнопками, то код лучше всего вставить в подвал сайта (в WordPress это файл footer.php) прямо перед закрывающим тегом body.

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

После сохранения все должно заработать.

Я раньше использовал сервис UptoLike для вывода кнопок (ниже я о нем расскажу), но он постоянно обращался к посторонним сайтам, так как скрипты и файлы лежали там, из-за чего социальные кнопки долго загружались – что тормозило всю страницу. Когда поставил этот код, увеличилась скорость загрузки сайта, вместо 3,6 с стало 2,7 с – экономия почти в секунду – это весомая причина перейти на share42.

2. Плагины социальных кнопок для WordPress

WordPress всегда славился огромным количеством плагинов на все случаи жизни. Не исключение и кнопки для социальных сетей. Таких плагинов много, они разные, использовать можно практически любые. За несколько лет ведения блога я использовал несколько. В конечном итоге, остановился на Social Share Buttons.

Плагин Social Share Buttons

В данный момент, через поиск плагинов найти его я не смог, поэтому выкладываю ссылку на скачивание – скачать плагин Social Share Buttons.

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

После установки и активации плагина (как установить плагин смотрите здесь) в админке wordpress появится вот такая кнопка:

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

Главные настройки

Из значимых пунктов в этом разделе можно выделить следующие:

1. Генерация мета данных

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

2. Позиция кнопок соц. Сетей

Тоже все понятно. Указываем отображение кнопок перед или после поста. Кроме того, настраиваем их горизонтальное размещение справа, слева или посередине.

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

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

3. Твиттер-аккаунт

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

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

Share настройки

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

После того как выберете типы кнопок и их дизайн – расставьте их в порядке, которые вам нравится – это позволяет сделать левый верхний блок.

В двух нижних строчках можно указать отступы от краев.

Like настройки

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

На этом настройка плагина Social Share Buttons закончена. После всех действий, выглядеть они будут примерно так:

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

3. Сервис для интеграции с социальными сетями UpToLike

*UpToLike работает не только на WordPress, можно прикрутить к любому сайту.

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

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

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

Ну и в дополнение, мое субъективное мнение. Кнопки от UpToLike удобнее и лучше вписываются в любой дизайн сайта.

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

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

В окошко необходимо вписать адрес вашего сайта.

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

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

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

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

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

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

Выбор социальных сетей

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

Настройка стилей

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

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

Настройки Follow

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

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

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

Что касается настройки проект – это все. Теперь необходимо добавить кнопки на сайт.

biznessystem.ru