Часто ли вам во время работы требуется создать кнопки share для социальных сетей Вконтакте, Facebook, Twitter и тд? У меня в работе они возникают с завидной регулярностью. Для того, что бы не перерывать тонны мануалов на десятке сайтов соц-сетей для разработчиков, я решил написать этот пост-заметку со списком ссылок для создания share кнопок. Список будет дополняться.

Переменные в листингах:

• [URL] — url страницы, которой Вы собираетесь делиться в соц сетях.
  Например http://www.example.com/catalog/good/1.html.
• [TITLE] — заголовок записи, который будет опубликован в соц сети.
  Например Продукт нашего завода.
• [DESC] — описание записи, которое будет опубликовано в соц сети.
  Например Этот неведомый продукт был выпущен на нашем заводе «Торгпромсельмашхимстрой комбинат номер 5».
• [IMAGE] — изображение, которое относится к публикуемой в соц сети записи.
  Например http://www.example.com/images/good-1.jpg.

Для начала в блоке head страницы, нужно добавить четыре мета тега:

<meta property="og:url" content="[URL]">
<meta property="og:title" content="[TITLE]">
<meta property="og:description" content="[DESC]">
<meta property="og:image" content="[IMAGE]">

А теперь размещаем ссылки.

Читать дальше →