amp-twitter
簡介
使用 amp-twitter
將推文嵌入到您的 AMP HTML 檔案中。
設定
別忘了匯入 twitter 元件
<script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
基本用法
推文透過 ID 嵌入。Twitter 目前未提供可產生固定長寬比推文嵌入的 API。
您可能需要手動調整提供的寬度和高度。
<amp-twitter width="375" height="472" layout="responsive" data-tweetid="638793490521001985">
</amp-twitter>
隱藏卡片
可以使用 data-
屬性設定推文外觀的選項,例如 data-cards="hidden"
會停用 Twitter 卡片。
<amp-twitter width="390" height="330" layout="responsive" data-tweetid="585110598171631616" data-cards="hidden">
</amp-twitter>
Twitter Moment 嵌入
使用 data-momentid
來包含 Twitter Moment。
<amp-twitter width="390" height="330" layout="responsive" data-momentid="1018806709412876288">
</amp-twitter>
需要更多說明嗎?
如果本頁的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯繫,討論您的確切使用案例。
前往 Stack Overflow 未說明的特色功能?AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對您特別熱衷的問題做出一次性的貢獻。
在 GitHub 上編輯範例-
作者: @sebastianbenz