Facebook Sharer не дает название - PullRequest
Новая
       17

Facebook Sharer не дает название

1 голос
/ 15 февраля 2012

Я добавил кнопку facebook на сайт моей компании, чтобы люди могли быстро распространять опросы среди пользователей через Facebook. Это довольно простой JavaScript: 

function SFace()
{
window.open("http://www.facebook.com/sharer/sharer.php?u=[[:SurveyUrl:]]","Facebook","width=700,height=300,toolbar=0,resizable=0");
}

<img src="http://www.snap-surveys.com/test/face.jpg" onClick="SFace()" />

Работает нормально, но люди хотят, чтобы появилось настроенное название. Итак, я добавил & t = Something, однако, когда вы нажимаете ссылку, она все равно просто показывает длинный URL. Я подумал, может быть, это потому, что я не использовал encodeURIComponent. Итак, я добавил переменную 

var SFace="http://www.facebook.com/sharer/sharer.php?u=[[:SurveyUrl:]]&t=something"; document.write(encodeURIComponent(uri));

И затем использовать это в функции. То же самое, показывает URL, а не заголовок. Что именно я делаю не так? Как я могу заставить его отображать пользовательский заголовок в общей ссылке?

1 Ответ

1 голос
/ 15 февраля 2012

На случай, если кто-то захочет узнать мое решение:

Сначала нужно было получить идентификатор приложения от Facebook (получить приложение разработчика, создать новое приложение и установить URL-адрес в качестве базового / общего домена для сайта).с кнопкой, которую вы добавляете).Если у вас есть идентификатор URL-адрес: 

 http://www.facebook.com/dialog/feedredirect_uri=THE_URL&app_id=YOUR_APP_ID&link=THE_URL_YOURE_LINKINGTO&name=TITLE_YOU_WANT_TO_DISPLAY

Я рекомендую написать полный URL-адрес, как обычно, и создать переменную с document.write (encodeURIComponent);как в моем примере выше.Это добавит соответствующие пробельные символы.

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

...