如何嵌入来自Twitter的推文，这也是AMP有效？

Question

我想在我的WordPress博客中嵌入来自Twitter的推文。我最近制作了该网站的AMP版本。

但是，AMP和非AMP页面的嵌入代码是不同的。但是，我在WordPress上有一个帖子编辑器，用于该网站的两个版本。怎么实现这个东西？

Answer 1

检查这个guide out。第一个例子是如何嵌入推文。

您需要在页面上嵌入库：

<script async custom-element="amp-twitter"
  src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>

然后，您可以根据需要添加任意数量的推文。只需更改属性：data-tweetid，即可嵌入推文的id。

<amp-twitter width="390" height="50"
    layout="responsive"
    data-tweetid="638793490521001985">
</amp-twitter>

看到github example。

PS：如果你不喜欢它的工作原理，你可以随时使用use an iframe然后使用另一个HTML页面来做你想做的事情;但我绝对鼓励你使用AMP提供的库。