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 時刻嵌入
使用 data-momentid
包含 Twitter 時刻。
<amp-twitter width="390" height="330" layout="responsive" data-momentid="1018806709412876288">
</amp-twitter>
需要更詳細的說明嗎?
如果本頁面的說明沒有涵蓋您的所有問題,歡迎隨時與其他 AMP 使用者交流,討論您的確切使用案例。
前往 Stack Overflow 無法解釋的功能?AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎針對您特別感興趣的問題提供一次性貢獻。
在 GitHub 上編輯範例-
作者: @sebastianbenz