Содержание

SocialShare. Публикация в социальных сетях

SocialShare. Публикация в социальных сетях

Очень часто заказчик требует размещать на страницах кнопки «поделиться» различных социальных сетей.

Работая над очередным проектом я подсмотрел на одном сайте простенький объект, который принимал на входе ряд параметров и раскрывал окно для публикации сообщения в социальной сети.

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

Здесь представлена полная документация по библиотеке SocialShare.

Сведения о библиотеке

Последняя версия: v1.0

Дата: 2012.11.03

Поддерживаемые социальные сети:

Вконтакте
Одноклассники
Мой мир mail.ru
Facebook
Twitter
Googl+

Скачать

Скачать последнюю версию.

Подключение и инициализация

Для использования библиотеки разместите в разделе <head> вашего документа следующий код:

HTML:

<script type="text/javascript" src="socialshare-1.0.js"></script>
<script type="text/javascript">
  var Share = new SocialShare();
</script>

Свойства

Объект SocialShare имеет четыре свойства:

toolbar - число, 0 или 1, определяет показывать или нет панель инструментов окна. По умолчанию 0.
status - число, 0 или 1, определяет показывать или нет строку состояния окна. По умолчанию 0.
width - число, ширина окна. По умолчанию 640.
height - число, высота окна. По умолчанию 480.

Переопределить свойства можно используя метод 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"
});