更改SPA中的Facebook元标记,但共享时无法识别OG元标记更改

时间:2019-02-10 06:09:04

标签: jquery html facebook meta-tags opengraph

我有以下代码来设置默认的Facebook元信息。

<meta property="og:type" content="music.song">
<meta property="og:title" content="cXc Music (Alpha)">
<meta property="og:description" content="Find underground music from around the world on cXc Music, an app by @currentxchange">
<meta property="og:image" content="images/cXc-Alpha-App-2.1[600].png">
<meta property="fb:app_id" content="THISHASLEGITID">
<meta property="og:site_name" content="cXc Music">

我的目标是在帖子加载时更改此信息。这是SPA,因此信息会加载,然后在浏览器中更改元数据和URL。

我有这个jQuery代码,每次加载新歌曲时,将meta标签设置如下。

$("meta[property='og:image']").attr('content', song.thumbnail_url);
$("meta[property='og:description']").attr('content', ('Listen to '+ song.title +' and find music from around the globe with cXc Music, an app by @currentxchange'));
$("meta[property='og:title']").attr('content', (song.title + ' on cXc Music'));

当前,无论如何我都只为FB显示第一个标签,但是Twitter会根据需要更改加载的每首歌曲的标题。

我正在使用JSsocials。

类似的Twitter标题似乎有效,但在Facebook上却无济于事。您可以看到alpha of the app here并明白我的意思。

0 个答案:

没有答案
相关问题