en / ru

Шаринг

Данная статья - "permanent draft". Это значит, что она будет дополняться и изменяться по мере появления новой информации, т.к. современные социальные шаринги весьма непостоянны и изменчивы..

Facebook

Open Graph Tags - meta-тэги, позволяющие описать страницу сайта доступным для шаринга языком. Например, можно достаточно просто задать картинку, которая появится рядом с сообщением в Fb при попытке поделиться ссылкой на эту страницу:

Стоит заметить, что ссылки (например og:url, og:image) должна быть обязательно полными, т.е. с http://.

Что касается картинок, то, для корректного отображения в публикации, её пропорции должны быть 1.91:1. Рекомендованный размер - 1200х630 (или хотя бы 600х315).
Причем, если не указать og:image, то Facebook попробует сам найти картинку среди img на странице.
Если указанная в og:image по высоте или ширине менее 200px, то Facebook её отвергнет и всё равно использует любую подходящую, найденную на странице картинку из img.

fb:app_id используется для сбора статистики

Документация по Open Graph Tags.

Самый простой способ шаринга - использование sharer.php. Просто делаете переход или всплывающее окно на ссылку вида:
https://www.facebook.com/sharer/sharer.php?u=URL
Где URL - адрес страницы, которой пользователь хочет поделиться.
Документации по Like Button

Правила использования логотипа, Like-кнопок и др.

Проверить, насколько точно Вас понимает Fb, можно с помощью Debugger тулзы. Здесь же "Fetch new" поможет обновить кэш Facebook для вашей страницы, если вдруг что-то изменилось в og-тэгах.

Также стоит почитать статью о Thumbnail Image для Facebook


Twitter

Правила использования логотипа Twitter

Правила оформления сообщений из Twitter

Twitter card validator - о том, что такое "карточка", как сделать пост в твиттере более привлекательным, какие meta-тэги необходимо разместить на странице. Здесь же можно проверить на валидность ссылки на ваши страницы. Необходимо залогиниться (логин и пароль от своего twitter аккаунта).

Скрипт для публикации шаринга в Twitter:
function twitterShare() {
	var twitterText = "Google is the best search machine";
	var twitterUrl = "http://goo.gl/NlRsN"
	var url = 'https://twitter.com/intent/tweet?text=' + twitterText +'&url='+ twitterUrl;
	var windowName = "Twitter"
	window.open(url, windowName, 'width=400,height=300,scrollbars=yes');
	return false;
}

G+

Скрипт для публикации шаринга в Google Plus:
function googlePlusShare() {
	var description = "I just voted for "+ socialText+" to fight in a Site main event on MySite!";
	var url = "     https://plus.google.com/share?url=" + document.baseURI;
	var windowName = "Google Plus"
	window.open(url, windowName, 'width=400,height=200,scrollbars=yes');
}