2015-12-15 2 views
0

Я пытаюсь добавить функцию обмена Facebook на свой веб-сайт с помощью jQuery. Согласно руководству разработчика Facebook, моя проблема заключается в том, когда я делюсь какой-либо статьей, Facebook делится ею да, но без картинки и для лучших случаев с неправильным.jQuery Facebook Share Проблемы с изображениями

Что я делаю:

  1. прилагая Facebook мета теги в заголовке, где я определила название, изображение, на так далее
  2. кнопку Share в тело

Тогда я использую мои JS код для добавления этого кода в код тела.

var url = 'http://www.facebook.com/sharer.php?s=100&p[url]='+encodeURIComponent(url)+'&p[title]='+title+'&p[summary]='+summary+'&p[images][0]='+pic; 
+0

jquery - это библиотека для манипуляций с DOM, не знаете, почему вы хотели бы использовать ее для совместного использования? – luschn

+0

Благодарим вас за ответ. Я использую jQuery для добавления общих кнопок и метафайлов Facebook. Я добавляю эти мета-файлы, используя мои внешние js, расположенные на моем сервере, и этот js-файл будет вызываться третьими пользователями веб-сайта. –

ответ

0
  • вы не можете динамически изменять метатеги, потому что Facebook не вызывает JavaScript. Метатаг должен быть доступен в разделе главы при запуске.
  • Sharer.php допускает только один параметр, с адресом: https://www.facebook.com/sharer/sharer.php?u=[your-urlencoded-url] - В диалоговом окне общего доступа берутся данные OG из URL-адреса.
0

настоящее время я использую это открытые теги Graph, и работает, я изменил соединение с базой данных в PHP к <header> части страницы, без «OG: изображение: ширина» и «OG: image: height ", при первом совместном использовании статьи изображение не отображается, из-за проблемы с кешем Facebook.

<meta property="og:image" content="/path/to/image" /> 
<meta property="og:image:width" content="image_width_in_pixels" /> 
<meta property="og:image:height" content="image-height_in_pixels" /> 
<meta property="og:url" content="url_being_shared" /> 
<meta property="og:type" content="article" /> 
<meta property="og:title" content="title_of_article" /> 
<meta property="og:description" content="description_of_article" />