Как вы передаете заголовок и изображение для виджета комментариев facebook?

#facebook #comments #widget

#Facebook #Комментарии #виджет

Вопрос:

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

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

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

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

Комментарии:

1. Используете ли вы протокол Open Graph ?

Ответ №1:

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

Но если вы пытаетесь установить и предоставить заголовок / изображение, когда кто-то комментирует вашу страницу, вы можете захотеть ознакомиться с протоколом 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">

Комментарии:

1. Это был ИМЕННО тот ответ, который я искал. Я уже пробовал это, и это работает! Спасибо, чувак.