Как передать название и изображение для виджета комментариев на Facebook? - PullRequest
Новая
       11

Как передать название и изображение для виджета комментариев на Facebook?

2 голосов
/ 28 апреля 2011

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

  1. Чтобы правильно отобразить заголовок на стене,Мне нужно использовать тег <fb:title>, и это заставляет фактический заголовок отображаться прямо над полем для комментариев.Я хотел бы использовать правильное название, но это, похоже, ничего не делает.Кажется, самым безопасным является использование свойства <title> в заголовке, но, к сожалению, у меня есть страница, которая устанавливает заголовок страницы, используя javascript после выполнения некоторой логики и включения различных phps, так что эта опция не легка.Использование javascript, похоже, не имеет такого же эффекта, как явная установка заголовка, когда я пишу заголовок.

  2. Я до сих пор не знаю, что мне нужно сделать, чтобы иметьлюбой контроль над тем, какое изображение будет размещено на стене Facebook с комментарием.У меня есть страница с несколькими списками на боковой стороне страницы сведений, и кажется, что fb произвольно выбирает изображение из одного из списков.Очевидно, что это крайне нежелательно, потому что много раз комментарий и изображение не будут иметь ничего общего друг с другом.Я читал, что использование img_src в вашем заголовке помогает, но у меня это тоже не сработало.

Есть предложения?

1 Ответ

3 голосов
/ 06 мая 2011

Не уверен, что это то, что вы ищете; как я был смущен тем, что был ваш вопрос.

Но если вы пытаетесь установить и предоставить заголовок / изображение, когда кто-то комментирует вашу страницу, вы можете просмотреть протокол Open Graph .

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

Пример (из документации Open Graph):

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <title>The Rock (1996)</title> <meta property="og:title" content="The Rock"/> <meta property="og:type" content="movie"/> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/> <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/> <meta property="og:site_name" content="IMDb"/> <meta property="fb:admins" content="USER_ID"/> <meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>

Итак, давайте разберем это:

Вы хотите установить изображение:

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

Установить заголовок для разбора в Facebook:

<meta property="og:type" content="movie"/>

Убедитесь, что вы установили свои xmlns:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

...