Диалог «Поделиться»

С помощью диалога «Поделиться» люди могут публиковать индивидуальные новости в своей Хронике, в Хронике друга, в группе или отправить материал в личном сообщении с помощью Messenger. Для использования этого диалога не требуется «Вход через Facebook» или какие-либо дополнительные разрешения, поэтому это самый простой и удобный способ делиться контентом в Интернете.

Если человек использует браузер, который не выполнил вход с помощью файла «cookie», раскрывающийся список для выбора аудитории, с которой можно поделиться, не откроется. То же самое произойдет, если в приложении вместо диалога «Поделиться» используется диалоговое окно ленты или если приложение использует веб-просмотр iframe.

Сведения о том, как интегрировать диалог «Поделиться» в нативное мобильное приложение, см. в наших руководствах для iOS и Android.

Интеграция

Этот диалог доступен в составе Facebook SDK для JavaScript. Чтобы его запустить, используйте приведенный ниже код. Можно также использовать перенаправление на URL. Подробнее см. в разделе Дополнительная информация.

Facebook SDK для JavaScript

Запустите диалог «Поделиться», используя функцию FB.ui с параметром метода share , чтобы поделиться ссылкой.

Чтобы опубликовать ссылку, используйте следующий код:

Добавьте метатеги Open Graph в код страницы, расположенной по этому URL, чтобы индивидуально настроить новость, публикуемую обратно на Facebook.

Обратите внимание, что сообщение response.error_message отображается только в том случае, если пользователь вашего приложения авторизовал его с помощью функции «Вход через Facebook».

Параметры

Общие параметры

JavaScript SDK предоставляет эти параметры автоматически.

Уникальный идентификатор приложения. Обязательный параметр.

URL, на который перейдет человек, когда нажмет кнопку в диалоге. Этот параметр обязателен, если используется перенаправление на URL.

Определяет, как отображается диалог.

Параметры share

Ссылка, вложенная в публикацию. Является обязательным, если используется метод share . Добавьте метатеги Open Graph в код страницы, расположенной по этому URL, чтобы индивидуально настроить публикуемую новость.

Указанный разработчиком хэштег. Он будет добавляться к материалам, которыми делятся люди. При желании они могут удалить этот хэштег в диалоговом окне. Хэштег должен включать знак решетки, например #facebook .

Цитата (например, врез в статье), выделенная пользователем или заданная разработчиком, которая будет опубликована со ссылкой.
Этот параметр недоступен для URL Facebook.

mobile_iframe

Больше не используется

Если для этого параметра установлено значение true , при нажатии кнопки «Поделиться» откроется диалог «Поделиться» в контейнере iframe в верхней части сайта. Подробнее см. раздел о веб-диалоге «Поделиться» на мобильных устройствах. Эта функция работает только на мобильных устройствах. false

Данные отклика

Доступен только в том случае, если пользователь вошел в ваше приложение, используя «Вход через Facebook».

См. также

Вы можете использовать следующие дополнительные функции.

Перенаправление на URL

Чтобы опубликовать ссылку, используйте следующий код:

Примечание. При тестировании этого кода удалите разрывы строк, поскольку в противном случае возникнет ошибка.

Публикация материалов на Facebook

Публикация — это простой способ поделиться материалами вашего веб-сайта или мобильного приложения с другими людьми на Facebook. Для этого можно использовать социальные плагины, такие как кнопки «Поделиться» или «Отправить». После нажатия кнопки появляется соответствующий диалог. Вы также можете создать собственную кнопку для запуска одного из этих диалогов.

В этом документе рассматриваются следующие темы:

Технология публикации

Основные компоненты системы публикации материалов на Facebook:

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

Краулер Facebook: когда люди делятся вашими материалами, наш краулер выполняет скрапинг страницы, формируя предварительный просмотр материалов для Facebook.

Теги Open Graph: добавьте в раздел HTML-кода своей веб-страницы метатеги Open Graph, чтобы «показать» краулеру, откуда взять заголовок страницы, ее описание и миниатюру изображения.

Интерфейсы для публикации материалов: существует несколько интерфейсов публикации на Facebook материалов с вашего веб-сайта или из мобильного приложения. В таблице ниже показано, как это работает.

Мобильные устройства: механизм быстрого переключения на нативный диалог «Поделиться»

Отображается в Хронике и в Журнале действий.

Может отображаться в Ленте новостей.

Кнопка «Отправить»

Мобильные устройства: механизм быстрого переключения на нативный диалог сообщения

Отправка в виде сообщения Facebook

Публикации создаются так же, как в диалоге «Поделиться».

Типы контента

В Facebook можно делиться материалами следующих типов:

Ссылки — большинство материалов представлено в виде URL-адресов, которые ссылаются на HTML-страницы. Для предоставления актуальной информации в разметке страницы следует использовать метатеги Facebook. Подробнее см. в руководстве по публикации для веб-мастеров.

Фото: фото, созданные пользователями, можно загружать напрямую.

Видео: видео, созданные пользователями, также можно загружать напрямую.

Мультимедийные материалы: напрямую загружайте материалы, содержащие фото и видео.

Новости Open Graph: используйте действия и объекты Open Graph, чтобы создавать новости с помощью строго типизированного API.

App Links

В материалах, публикуемых в Ленте новостей, можно создавать обратные ссылки на ваше приложение. Ссылки на приложение служат для запуска вашего приложения из публикуемых материалов. Можно даже создать ссылку на определенный контекст в приложении.

Публикация цитаты

В приложении можно публиковать цитаты двух видов: выбранные пользователем или определенные издателем. В первом случае пользователь выделяет текст и публикует его. Во втором случае издатель заранее выделяет текст для публикации и размещает рядом с ним кнопку «Поделиться».

Хэштеги

К фото, ссылке или видео, которыми вы делитесь, можно добавить хэштег.

Способы делиться материалами

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

Кнопки

Кнопки — это самый простой способ помочь пользователям делиться материалами на Facebook. Кнопки служат для запуска диалогов. Такие кнопки доступны в различных SDK Facebook. Ни один из описанных здесь вариантов не требует интегрировать «Вход через Facebook».

Интернет

Можно воспользоваться социальными плагинами, такими как кнопки «Нравится», «Поделиться» и «Отправить». Они доступны в браузере на ПК и мобильных устройствах.

Мобильные устройства

Мы также предлагаем нативные кнопки «Нравится», «Поделиться» и «Отправить» для iOS и Android.

Пользовательские кнопки

Для выполнения действий «Нравится», «Поделиться» и «Отправить» на различных платформах вы можете создать собственную кнопку.

Нативные диалоги

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

Диалог «Поделиться»

Этот диалог позволяет делиться материалами без необходимости входить в приложение или предоставлять какие-либо разрешения. Его можно показывать на сайте и в приложениях Android и iOS.

Если человек делится материалом через диалог «Поделиться» на мобильном устройстве, для перехода в приложение Facebook, установленное на устройстве, используется механизм быстрого переключения приложений. Мы также предлагаем веб-диалог на случай, если на устройстве не установлено нативное приложение Facebook.

Диалог сообщения

Этот диалог позволяет делиться материалами в личном сообщении Messenger. Как и диалог «Поделиться», это нативный компонент. Для его использования не нужно интегрировать «Вход через Facebook».

Диалог сообщения позволяет делиться ссылками, изображениями и новостями Open Graph. Для использования этого диалога на мобильном устройстве необходимо установить нативное приложение Messenger.

Публикация в Stories

Вы можете использовать неявные намерения Android и пользовательские схемы URL iOS для передачи фото, видео и наклеек в приложение Facebook. Приложение Facebook получит этот контент и загрузит его в поле для публикации новостей, чтобы пользователь мог опубликовать его в своих Facebook Stories.

Оптимизация материалов

Разметка

Для разметки HTML-кода своего веб-сайта следует использовать теги Open Graph, которые отвечают за то, как ваши материалы будут отображаться на Facebook. Если такие теги отсутствуют, краулер Facebook постарается самостоятельно найти заголовок, описание и изображение для публикации.

Чтобы оптимизировать материалы для публикации на Facebook, добавьте в раздел HTML-кода страницы метатеги Open Graph. Они служат для описания публикуемых материалов. В них содержатся сведения о типе материалов (изображение, видео или статья), а также другие дополнительные атрибуты.

Подробные сведения о тегах, которые необходимо добавить в материалы, см. здесь.

Обновление URL-адресов

При перемещении материалов на страницу с другим URL-адресом отметки «Нравится», перепосты и комментарии, которые есть на странице с исходным URL-адресом, нужно будет переместить вручную. Чтобы продолжить агрегировать эти действия по новому URL-адресу, направьте краулер Facebook на старую страницу, представляющую канонический URL ваших материалов. Подробнее об этом см. в документации для веб-мастеров.

Facebook share link without JavaScript

The following link is for sharing a page on Twitter:

Is there a similar option for Facebook that doesn’t require JavaScript?

I know about http://facebook.com/sharer.php, but that requires a get parameter to be inserted manually (which I’m not going to do), or with JavaScript (which doesn’t fit my situation).

13 Answers 13

Currently there is no sharing option without passing current url as a parameter. You can use an indirect way to achieve this.

1. Create a server side page for example: «/sharer.aspx»
2. Link this page whenever you want the share functionality.
3. In the «sharer.aspx» get the refering url, and redirect user to «https://www.facebook.com/sharer/sharer.php?u=«

Example ASP .Net code:

Ps 2: As pointed out by Justin, check out Facebook’s new Share Dialog. Will leave the answer as is for posterity. This answer is obsolete

Short answer, yes there’s a similar option for Facebook, that doesn’t require javascript (well, there’s some minimal inline JS that is not compulsory, see note).

Ps: The onclick part only helps you customise the popup a little bit but is not required for the code to work . it will work just fine without it.

Facebook

Twitter

It is possible to include JavaScript in your code and still support non-JavaScript users.

If a user clicks any of the following links without JavaScript enabled, it will simply open a new tab:

Because they contain the share-popup class, we can easily reference these in jQuery, and change the window size to suit the domain we are sharing from:

No more ugly inline JavaScript, or countless window sizing alterations. And it still supports non-JavaScript users.

Try these link types actually works for me.

I know it’s an old thread, but I had to do something like that for a project and I wanted to share the 2019 solution.

The new dialog API can get params and be used without any javascript.

• app_id (Required)
• href The URL of the page you wish to share, in case none has passed will use the current URL.
• hashtag have to have the # symbol for example #amsterdam
• quote text to be shared with the link

You can create an href without any javascript what so ever.

One thing to consider is that Facebook is using Open Graph so in case your OG tags are not set properly you might not get the results you wish for.

FB.FeedShare

Prompts a user to post a feed story. It can be posted to either his/her own timeline (if toId is blank, or set to the user’s own Facebook user ID), or to that of one friend (if toID is set to the user ID of that friend).

When called in the Unity Editor, a stub function is called instead.

Parameters

The Facebook user ID or username of the user on whose timeline the story should be posted

The current user

The URL to which this post should link

The name of the story, shown at the top and rendered as a hyperlink with

The URL of audio or video content to display beside the story; see

documentation for details

A delegate which will receive the result of the method call

Examples

Present the user with an opportunity to post a story to their own timeline.

Best Practices

Feed stories are written in the voice of the user posting them, not the voice of the app (note that the example says «I thought» rather than «username thought). Using feed stories sparingly, and for high-quality content that a user would actually want to share, will increase the number of his/her friends who are likely to see, and interact with, the story. Make sure to watch your app’s Analytics, and improve or remove story types that are ignored or disliked by your audience.

You don’t need to specify toID to post to the current user’s timeline — just leave it empty.

Name	Type	Description	Default
toID	string