Очень часто заказчик требует размещать на страницах кнопки «поделиться» различных социальных сетей.
Работая над очередным проектом я подсмотрел на одном сайте простенький объект, который принимал на входе ряд параметров и раскрывал окно для публикации сообщения в социальной сети.
В общем-то я взял за основу этот объект, добавил к нему несколько методов, которые позволяют более гибко настраивать всплывающее окно, а так же добавил еще несколько социальных сетей.
Здесь представлена полная документация по библиотеке 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"
});