单页应用程序和开放图

Question

单页应用程序和开放图

Aes*_*its 5 ajax facebook opengraph underscore.js single-page-application

我正在写一个使用下划线模板的SPA.该应用程序搜索并评价音乐专辑并通过ajax返回结果.如果facebook打开图表元标记无法动态更改,并且页面的网址不管搜索结果如何都是常量,我该如何制作,以便用户可以分享他们评价某个专辑.

即)

<meta property="fb:app_id"      content="118454308341351" /> 
<meta property="og:url"         content="http://www.appurl.com" /> 
<meta property="og:title"       content="Fleetwood Mac's Rumors" /> 
<meta property="og:image"       content="AppImg.jpg" />

Run Code Online (Sandbox Code Playgroud)

并更新这些属性以反映给定的搜索结果.

Answer 1

小智 5

我处理此问题的方法是创建一个动态页面，将其用作我的开放图形对象，该页面只是从 url 参数填充并使用元重定向重定向回我的 SPA。

<meta http-equiv="refresh" content="0;URL=http://YOUR_WEBSITE_WITH_DYNAMIC_CONTENT">

通过创建一个单独的 OpenGraph 控制器解决了这个问题，FB.api 调用费率将指向该控制器。控制器返回一个带有 OG 元标记的 html 页面，这些元标记是从由标题、图像等组成的模型中填充的。 (2认同)
@AesopWaits，您愿意分享该解决方案吗？我遇到了一个问题，即 SPA 上运行的不同“页面”需要不同的 OG 标签。 (2认同)

归档时间：	12 年，9 月前
查看次数：	2998 次
最近记录：	12 年，9 月前