Очень часто заказчик требует размещать на страницах кнопки «поделиться» различных социальных сетей.
Работая над очередным проектом я подсмотрел на одном сайте простенький объект, который принимал на входе ряд параметров и раскрывал окно для публикации сообщения в социальной сети.
В общем-то я взял за основу этот объект, добавил к нему несколько методов, которые позволяют более гибко настраивать всплывающее окно, а так же добавил еще несколько социальных сетей.
Здесь представлена полная документация по библиотеке SocialShare.
Последняя версия: v1.0
Дата: 2012.11.03
Поддерживаемые социальные сети:
Для использования библиотеки разместите в разделе <head> вашего документа следующий код:
HTML: <script type="text/javascript" src="socialshare-1.0.js"></script> <script type="text/javascript"> var Share = new SocialShare(); </script>
Объект SocialShare имеет четыре свойства:
Переопределить свойства можно используя метод setWindow() или передав в виде объекта при инициализации SocialShare:
JavaScript: var Share = new SocialShare({ toolbar: 1, status: 1, width: 400, height: 300 });
Позволяет переопределить все или только часть свойств SocialShare.
Входные параметры:
Пример:
JavaScript: Share.setWindow({ toolbar: 1, height: 400 });
Метод для публикации в «Вконтакте».
Входные параметры:
Пример:
JavaScript: Share.VK({ url: "test.tt", title: "Тest", text: "Тестирование публикации", image: "test.tt/images/test.jpg" });
Метод для публикации в «Одноклссники».
Входные параметры:
Пример:
JavaScript: Share.OK({ url: "test.tt", text: "Тестирование публикации" });
Метод для публикации в «Мой мир mail.ru».
Входные параметры:
Пример:
JavaScript: Share.MR({ url: "test.tt", title: "Тest", text: "Тестирование публикации", image: "test.tt/images/test.jpg" });
Метод для публикации в «Facebook».
Входные параметры:
Пример:
JavaScript: Share.FB({ url: "test.tt", title: "Тest", text: "Тестирование публикации", image: "test.tt/images/test.jpg" });
Метод для публикации в «Twitter».
Входные параметры:
Пример:
JavaScript: Share.TW({ url: "test.tt", text: "Тестирование публикации" });
Метод для публикации в «Google+».
Входные параметры:
Пример:
JavaScript: Share.GP({ url: "test.tt" });