serega-lomik

GoodShare - кнопки "поделиться" без использования сторонних сервисов

Рекомендуемые сообщения

serega-lomik    631

Что это

Это небольшой яваскрипт, файл стилей и спрайт кнопок, позволяющий буквально в 2 клика вставить блок "поделиться" на любую страницу сайта.

За основу взят https://github.com/koddr/goodshare.js 

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

 

Как это выглядит

goodshare.png.2a885a28a47834b319bed0994f038b25.png

 

Зачем

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

 

Как пользоваться

Скачиваете прикреплённый к сообщению архив, распаковываете в  \catalog\view\javascript\, в коде нужной страницы в месте, где хотите, чтобы отображались кнопки, вставляете примерно такой код:

<div id="goodshare" data-socials="facebook,vkontakte,odnoklassniki,moimir,googleplus,twitter,livejournal,evernote,blogger,surfingbird,reddit,telegram,viber,whatsapp"></div>
<script src="catalog/view/javascript/goodshare/goodshare.js" type="text/javascript"></script>

Как видно из приведённого выше кода, для использования доступны 14 кнопок, а именно:

 

  • Facebook
  • Вконтакте
  • Одноклассники
  • МойМир
  • Google+
  • Twitter
  • Livejournal
  • Evernote
  • Blogger
  • Surfingbird
  • Reddit
  • Telegram
  • Viber
  • Whatsapp

 

Для Facebook, Вконтакте, Одноклассники, МойМир, Surfingbird и Reddit так-же виден счетчик людей, поделившихся страницей.

 

Что сделано мной

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

Предоставлено вам всё в удобоваримом формате и с нормальной инструкцией.

 

Как убрать не нужное

Очень просто: удаляете названия ненужных кнопок из атрибута data-socials у div id="goodshare

 

Лицензия

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

Исходный код https://github.com/koddr/goodshare.js распространяется по лицензии MIT, изображения, использованные для создания этого микродополнения -  Creative Commons

 

Скачать

 

goodshare.zip

 

Поблагодарить автора за проделанную работу можно тут

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ashap    183

круто

но

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

то этот файл вам надо обновлять вручнуюю и с условием того что в него внесли обновления

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serega-lomik    631

ashap, согласен, но https://github.com/koddr/goodshare.js достаточно часто обновляет свой код и я в него изменений не вносил. всего несколько строк "сверху"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ashap    183
Только что, serega-lomik сказал:

ashap, согласен, но https://github.com/koddr/goodshare.js достаточно часто обновляет свой код

главное что бы

  • Facebook
  • Вконтакте
  • Одноклассники
  • МойМир
  • Google+
  • Twitter
  • Livejournal
  • Evernote
  • Blogger
  • Surfingbird
  • Reddit
  • Telegram
  • Viber
  • Whatsapp

не часто обновляли)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serega-lomik    631

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    548
Только что, serega-lomik сказал:

Та не. Правда я расчитывал на другую реакцию.

Да нормальная тема, можно ещё заморочится хочу в подарок к тайтлу подцеплять)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
buslikdrev    36

Класс, искать не нужно. Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
buslikdrev    36

У всех счётчик работает?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pimur    109

Подписался, я не против платного - главное что бы обновлялся!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    548
2 часа назад, serega-lomik сказал:

Та не. Правда я расчитывал на другую реакцию.

а чего в дополнения то не добавил, к стати?
там найти проще, скоро фильтр обещают вообще просто будет находить нужные файлы

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    1 971

Почистил топик.Всем флудерам последнее предупреждение.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
serega-lomik    631

AWARO, так это ж не модуль, чтобы его там размещать.

Tom, спасибо.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу