0

背景： 我在 AWS Amplify 上托管一个静态网站。它是一个用 html 和 javascript 编写的单页应用程序。History API & routing 用于更改页面内容和浏览器导航栏中的 URL。

我正在尝试做的事情： 我想实现 Twitter 卡片。我需要在标题中有 html 元标记。

我尝试过的： 我的 index.html 页面中有包含空内容的元标记：

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@test">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">

我有一些 jQuery/javascript 来根据路由更新上述内容：

var title = response.title;  //coming from a 3rd party site using an API
$("meta[name='twitter:title']").attr('content', title);

我得到了什么： Twitter 验证卡告诉我该卡无效，因为找不到标题。

我不想要的东西： 我知道 Twitter 卡片的结构，并且我知道如何使用 PHP 构建的客户端-服务器应用程序来实现这一点。

4

0 回答 0