AMP
  • 網站

amp-addthis

簡介

<a href="/documentation/components/amp-addthis/">amp-addthis</a> 元件整合了 AddThis 浮動工具列和內嵌分享按鈕。

設定

匯入 amp-addthis 元件。

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

浮動分享按鈕

放置在頁面側邊,隨著讀者捲動頁面而移動。在不打擾使用者的情況下宣傳分享的絕佳方式。

<amp-addthis width="320" height="92" layout="responsive" data-pub-id="ra-5c191331410932ff" data-widget-id="957l" data-widget-type="floating">
</amp-addthis>

內嵌分享按鈕

將分享按鈕整合到您的內容中,以獲得流暢的分享體驗。

<amp-addthis width="320" height="92" data-pub-id="ra-5c191331410932ff" data-widget-id="mv93" data-widget-type="inline">
</amp-addthis>

實作

請造訪 <a href="https://www.addthis.com/academy/how-to-install-addthis-inline-share-buttons-on-amp-accelerated-mobile-pages">addthis 首頁</a>,以了解如何在 AMP 上設定 AddThis,或觀看此影片以取得逐步說明。

需要更多說明嗎?

如果此頁面上的說明未能涵蓋您的所有問題,請隨時與其他 AMP 使用者聯繫,討論您的具體使用案例。

前往 Stack Overflow
功能未說明?

AMP 專案大力鼓勵您的參與和貢獻!我們希望您能成為我們開放原始碼社群的長期參與者,但我們也歡迎您針對您特別關注的問題做出一次性貢獻。

在 GitHub 上編輯範例

  • 由 <a href="https://github.com/pjcunnin" rel="nofollow" target="_blank">@pjcunnin</a> 撰寫