Pull to refresh

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

Social networks and communities
Sandbox
Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

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

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

Итак:
  • количество лайков будем получать от REST сервисов каждой социалки
  • кнопки рисуем свои и обрабатываем событие click

Читать дальше →
Total votes 99: ↑94 and ↓5 +89
Views 44K
Comments 58

Кастомизация социальных кнопок

Sports.ru | Tribuna Digital corporate blog
Многие из нас так или иначе сталкивались с проблемой кастомизации кнопок соцсетей, а многие ещё столкнутся. Недавно нам на Sports.ru пришлось решать задачу, как не только настроить внешний вид «лайков», но и разместить на одной странице сразу несколько блоков социальных кнопок, относящихся к разным текстовым блокам.

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

Читать дальше →
Total votes 30: ↑29 and ↓1 +28
Views 44K
Comments 27

Интеграция сервиса шаринга AddThis с Google Analytics

Web analytics *
В этом году в Google Analytics появился новый отчет Посетители > Соцфункции. Он, как можно догадаться, должен показывать взаимодействие с сайтом посредством социальных кнопок (like, share и т.п.)
Но для отслеживания каждой социальной кнопки необходимо было создавать функцию обратного вызова, которая бы посредством вызова метода _trackSocial и должна отслеживать нажатие на кнопку.
Об этом можно почитать в справке Google Analytics: http://code.google.com/intl/ru-RU/apis/analytics/docs/tracking/gaTrackingSocial.html
И это было не очень удобное решение, т.к. социальных кнопок на сайте может быть много и для каждой придется писать функцию.

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

интеграции AddThis с Google Analytics...
Total votes 20: ↑19 and ↓1 +18
Views 2.7K
Comments 7

sexybookmarks — Plugin для Wordpress. Добавляем кнопки «ВКонтакте» и «Одноклассники»

WordPress *
Sandbox
Сегодня речь пойдет о компоненте для Wordpress – sexybookmarks версии 3.0, а именно, как добавить в этот плагин кнопки «ВКонтакте» и «Одноклассники»

Плагин sexybookmarks на странице WordPress

Для тех, кто еще не знаком с этим плагином, поясню, этот плагин отображает «социальные кнопки» для публикации ваших статей в различные сервисы, такие как «Facebook», «закладки Google», «закладки Яндекс» и т.д.
Читать дальше →
Total votes 29: ↑10 and ↓19 -9
Views 6.3K
Comments 6

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

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

Внешний вид


Читать дальше →
Total votes 113: ↑85 and ↓28 +57
Views 77K
Comments 78

Элементарные социальные share-кнопки

Website development *
Tutorial
В ответ на посты о кнопках для шаринга в социальных сетях с громоздким исходным кодом, и сложной детальной кастомизацией, хочу показать хабрасообществу решение которое однажды написал неизвестный, но однозначно добрый программист. Автор сего чуда не я, но использую это решение уже больше года в проектах с которыми работаю.
Читать дальше →
Total votes 78: ↑68 and ↓10 +58
Views 189K
Comments 58

uLogin год спустя. Факты о социальной авторизации

Self Promo


В конце октября прошлого года мы выпустили наш проект uLogin на просторы интернета, и за последующие 12 месяцев он сумел завоевать доверие тысяч вебмастеров. Сейчас uLogin используют более 10000 сайтов. По итогам последних нескольких месяцев мы провели анализ и собрали занимательные факты о социальной авторизации.
Читать дальше →
Total votes 76: ↑69 and ↓7 +62
Views 14K
Comments 61

LikeBtn.com – Кнопка «Мне нравится» для сайта

Self Promo
Однажды в системе комментирования, которую использую на проектах, исчезла кнопка «Мне нравится». Соответственно, у посетителей пропала возможность одним кликом без авторизации в социальных сетях и регистрации на сайте оценивать публикации. Приличное количество времени было потрачено на поиск лёгкой кнопки «Мне нравится», которую можно было бы быстро установить на сайт и которая бы не замедляла загрузку страниц. В итоге, было найдено следующее решение, о котором и хочу рассказать вам: http://www.likebtn.com/ru/

Пользуюсь на своих проектах – второй месяц полёт нормальный.
Читать дальше →
Total votes 43: ↑20 and ↓23 -3
Views 9.5K
Comments 25

Нюансы использования API от AddThis и Ya.share

Website development *
Recovery mode
Казалось бы, давно в прошлом времена, когда нужно было регистрироваться во всех социальных сетях, чтобы получить код кнопок для своего сайта, а потом возиться с оформлением, чтобы органично вписать все эти кнопки в дизайн. Однако и сейчас не обходится без подводных камней, информацией о которых я и хочу поделиться.
Читать дальше →
Total votes 19: ↑11 and ↓8 +3
Views 36K
Comments 24

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

Web design *Interfaces *
Прошло пол года с момента последнего опроса по поводу социальных кнопок. Очень хочется закрыть тему и понять, есть ли смысл тратить время на их внедрение в проекты.
Читать дальше →
Total votes 72: ↑49 and ↓23 +26
Views 24K
Comments 54

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

Website development *Client optimization *
Sandbox
Здравствуйте,

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

image

В статье рассматриваются доступные, готовые для использования социальные кнопки, проблемы с которыми мы столкнулись при их использовании, и описан простой способ как сделать свои кнопки для нескольких популярных социальных сетей.
Читать дальше →
Total votes 27: ↑21 and ↓6 +15
Views 28K
Comments 21