Крупнейшая социальная сеть развивает свои технологии и позволяет использовать себя все в большем числе применений. Теперь благодаря новому коду, можно встроить обычный пост из Facebook на свой сайт или страничку.

Система реализована в виде генератора кода наdevelopers.facebook.com. Чтобы создать код для нужного поста, необходимо всего лишь скопировать ссылку поста, нажать кнопку «Получить код» (Get code) и вставить полученный HTML5 код в нужное место своей страницы.

Очень удобно применять эту функцию для новостных порталов, для тех кто наблюдает за событиями или жизнью других людей. Как пример – музыканты вашей любимой группы сообщили о приближающемся турне на своей странице. Вы, как ярый поклонник копируете эту новость (ссылку на неё), вставляете в генератор и получаете код для своего блога. В полученном посте будет и сам текст-картинка сообщения, и все социальные функции – лайки, их количество, поделиться.

К сожалению, есть одно но: пока что эта функция полноценно работает только у крупных новостных служб, типа CNN, а для простых смертных высвечивается «Embedded Posts is currently available to a handful of news publishers, with a broader rollout coming soon». Хотя некоторые блоггеры из Америки уже используют сам генератор без проблем. Возможно Европа и/или пост Союз ещё не подключены

И что же делать нам, тем, у кого есть нужда в этой функции, но нет прямой возможности? Есть простой обходной путь, о котором я сейчас и расскажу.

Напомню, что встроить пост фейсбука можно абсолютно любой – будь то текст, видео или картинка. Главное, чтобы он был Public, общедоступным. Личные и дружеские заметки запостить на стороннем сайте пока нельзя.

А теперь к делу.

Сначала копируем код, который идет ниже:

<div id=»fb-root»></div>

<script>

(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id))

return;

js = d.createElement(s);

js.id = id;

js.src = «//connect.facebook.net/en_US/all.js#xfbml=1″;

fjs.parentNode.insertBefore(js, fjs);

}(document, ‘script’, ‘facebook-jssdk’));

</script>

<div data-href=»YOUR_URL_HERE»></div>

Вставляем в то место, куда планируется вносить пост с Facebook. Затем идём на сам Facebook, находим нужный пост и копируем его постоянную ссылку (permalink). Для этого наводим курсором на дату публикации, нажимаем правую кнопку и выбираем «Скопировать ссылку» (Copy link address).

Далее возвращаемся в то место, куда вставили верхний код, находим в нем последнюю строку и вместо слов YOUR_URL_HERE вставляем адрес ссылки.

Если вы хотите добавить тут же, на этой странице ещё один скопированный пост с фейсбука, то не нужно копировать весь код, а лишь последнюю строку с новой ссылкой.

Есть у этого способа одно но – почему-то часто не срабатывают личные статусы и записи. Т.е. те записи, что вы сделали на своем таймлайне сами. Чужие ссылки, ваши подписки и прочее без проблем можно вставить. А своё – говорит что перемещено… Как обойти? Для своего веб-проекта завести Страницу (Page), на которой и выкладывать соответствующие материалы. Тогда метод работает без проблем.

Проверяйте периодически генератор developers.facebook.com, возможно скоро он заработает и у нас, а пока пользуйтесь всеми возможностями, что дает социальная сеть Facebook.