如何嵌入來自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> 

然後，只要你想，你可以添加任意多的鳴叫。只需更改要嵌入推文的ID的屬性：data-tweetid即可。

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

查看github example。如果你不喜歡它是如何工作的，你可以隨時使用use an iframe然後用另一個HTML頁面來做任何你想做的事情;但我肯定會鼓勵你使用AMP提供的庫。