====== SocialShare. Публикация в социальных сетях ======
Очень часто заказчик требует размещать на страницах кнопки "поделиться" различных социальных сетей.
Работая над очередным проектом я подсмотрел на одном сайте простенький объект, который принимал на входе ряд параметров и раскрывал окно для публикации сообщения в социальной сети.
В общем-то я взял за основу этот объект, добавил к нему несколько методов, которые позволяют более гибко настраивать всплывающее окно, а так же добавил еще несколько социальных сетей.
Здесь представлена полная документация по библиотеке SocialShare.
----
===== Сведения о библиотеке =====
Последняя версия: v1.0
Дата: 2012.11.03
Поддерживаемые социальные сети:
* Вконтакте
* Одноклассники
* Мой мир mail.ru
* Facebook
* Twitter
* Googl+
----
===== Скачать =====
[[http://oleg.zorin.ru/files/socialshare-1.0.js|Скачать последнюю версию]].
----
===== Подключение и инициализация =====
Для использования библиотеки разместите в разделе вашего документа следующий код:
HTML:
----
===== Свойства =====
Объект SocialShare имеет четыре свойства:
* toolbar - число, 0 или 1, определяет показывать или нет панель инструментов окна. По умолчанию 0.
* status - число, 0 или 1, определяет показывать или нет строку состояния окна. По умолчанию 0.
* width - число, ширина окна. По умолчанию 640.
* height - число, высота окна. По умолчанию 480.
Переопределить свойства можно используя метод [[development:social:socialshare#setWindow()|setWindow()]] или передав в виде объекта при инициализации SocialShare:
JavaScript:
var Share = new SocialShare({
toolbar: 1,
status: 1,
width: 400,
height: 300
});
----
===== Методы =====
==== setWindow() ====
Позволяет переопределить все или только часть свойств SocialShare.
__Входные параметры:__
* object.toolbar - число, 0 или 1, определяет показывать или нет панель инструментов окна.
* object.status - число, 0 или 1, определяет показывать или нет строку состояния окна.
* object.width - число, ширина окна.
* object.height - число, высота окна.
Пример:
JavaScript:
Share.setWindow({
toolbar: 1,
height: 400
});
==== VK() ====
Метод для публикации в "Вконтакте".
__Входные параметры:__
* object.url - URL страницы для публикации.
* object.title - Заголовок публикации.
* object.text - Описание публикации.
* object.image - Картинка публикации.
Пример:
JavaScript:
Share.VK({
url: "test.tt",
title: "Тest",
text: "Тестирование публикации",
image: "test.tt/images/test.jpg"
});
==== OK() ====
Метод для публикации в "Одноклссники".
__Входные параметры:__
* object.url - URL страницы для публикации.
* object.text - Описание публикации.
Пример:
JavaScript:
Share.OK({
url: "test.tt",
text: "Тестирование публикации"
});
==== MR() ====
Метод для публикации в "Мой мир mail.ru".
__Входные параметры:__
* object.url - URL страницы для публикации.
* object.title - Заголовок публикации.
* object.text - Описание публикации.
* object.image - Картинка публикации.
Пример:
JavaScript:
Share.MR({
url: "test.tt",
title: "Тest",
text: "Тестирование публикации",
image: "test.tt/images/test.jpg"
});
==== FB() ====
Метод для публикации в "Facebook".
__Входные параметры:__
* object.url - URL страницы для публикации.
* object.title - Заголовок публикации.
* object.text - Описание публикации.
* object.image - Картинка публикации.
Пример:
JavaScript:
Share.FB({
url: "test.tt",
title: "Тest",
text: "Тестирование публикации",
image: "test.tt/images/test.jpg"
});
==== TW() ====
Метод для публикации в "Twitter".
__Входные параметры:__
* object.url - URL страницы для публикации.
* object.text - Описание публикации.
Пример:
JavaScript:
Share.TW({
url: "test.tt",
text: "Тестирование публикации"
});
==== GP() ====
Метод для публикации в "Google+".
__Входные параметры:__
* object.url - URL страницы для публикации.
Пример:
JavaScript:
Share.GP({
url: "test.tt"
});