ShareThis:網站分享工具的全面解析

ShareThis:網站分享工具的全面解析
作者: Calpa Liu
字數:1563
出版:2025年3月19日

ShareThis 是一種社交分享工具,允許用戶在不同社交網絡平台上輕鬆分享網站內容。它提供多種免費工具、應用程序和插件,幫助網站管理員增加流量和社交關注。在全球擁有超過 5 億用戶,每天被數千家企業使用,ShareThis 不僅僅是一個分享按鈕工具,還提供數據解決方案,幫助企業優化營銷策略,深入瞭解用戶行為。

為何選擇 ShareThis 而非其他平台

在分享工具的選擇上,ShareThis 提供了多項優勢,尤其是相比其主要競爭對手 AddThis:

ShareThis vs AddThis

  • AddThis 已於 2023 年 5 月 31 日停止服務,而 ShareThis 依然活躍並持續更新
  • ShareThis 支持 161 種語言,而 AddThis 支持較少
  • ShareThis 提供更多的自定義選項和更美觀的界面設計
  • ShareThis 內置電子郵件分享功能,這在某些使用場景中是最受歡迎的分享方式
  • “Share”一詞相比”Add this”對用戶來說更直觀明確
  • ShareThis 籌集了大量資金(2100 萬美元),表明其有良好的長期發展前景

此外,ShareThis 在市場定位上更專注於提升受眾參與度,並提供更全面的數據分析工具。

技術優勢

從技術角度來看,ShareThis 還具有以下優勢:

  • 提供 JavaScript API,有助於實現動態內容的分享功能
  • 支持 AJAX 實現,允許在頁面內容動態變化時更新分享參數
  • 支持跨域使用,可為不同域名創建不同的分享按鈕

這些技術特性使得 ShareThis 特別適合現代網站和單頁應用 (SPA) 等動態內容豐富的網站。

ShareThis 在技術博客中的應用

技術博客和開發者網站普遍使用 ShareThis 來提升內容傳播和用戶參與度。

應用場景

  1. 內容分享優化:技術博客通常包含有價值的教程和解決方案,ShareThis 使讀者能夠輕鬆分享這些內容到社交媒體或通過電子郵件發送給同事。

  2. 用戶反饋收集:技術博客使用 ShareThis 的反應按鈕作為輕量級的用戶反饋機制,例如 Huanlin Docs 博客禁用了原有的反饋系統,轉而使用 ShareThis 的反應按鈕。

  3. 流量分析:技術博客利用 ShareThis 提供的分析功能來了解哪些內容獲得了最多分享,進而調整內容策略。

  4. 多平台整合:開發者經常將自己的博客部署到多個域名或平台,ShareThis 支持跨域使用,可以為不同域名創建不同的分享按鈕。

ShareThis 的多種分享選項

ShareThis
ShareThis

ShareThis 提供多種分享選項,方便網站訪客輕鬆分享內容。這些功能包括:

分享按鈕類型

ShareThis Apps
ShareThis Apps

ShareThis 提供多種分享按鈕類型,以滿足不同網站的需求:

Inline Share Buttons
Inline Share Buttons

  • 內聯分享按鈕(Inline Share Buttons):直接嵌入在內容中的分享按鈕

Sticky Share Buttons
Sticky Share Buttons

  • 固定分享按鈕(Sticky Share Buttons):跟隨頁面滾動,始終可見的分享按鈕
  • 圖像分享按鈕(Image Share Buttons):特別針對網站圖片的分享功能
  • 視頻分享按鈕(Video Share Buttons):專為視頻內容設計的分享按鈕

這些按鈕類型讓訪問者可以根據自己的偏好選擇分享方式,提升了用戶體驗和分享便捷性。特別是智能分享按鈕(Smart Share Buttons)功能,可以根據訪問者的地理位置和設備類型智能顯示最相關的社交媒體平台。

特色功能

除了基本的分享按鈕外,ShareThis 還提供了一些特色功能:

  • 反應按鈕(Reaction Buttons):允許讀者對內容做出快速反應,無需留言評論
  • 關注按鈕(Follow Buttons):方便訪客直接關注網站的社交媒體賬號

反應按鈕功能尤其受歡迎,作為用戶反饋的簡單方式,可以代替傳統評論系統,讓訪客能夠快速表達對內容的感受。

如何實現 ShareThis

實現 ShareThis 相對簡單,即使對於技術知識有限的網站管理員來說也很容易操作。

基本實現步驟

  1. 首先,需要在ShareThis 官網註冊一個賬戶
  2. 選擇需要的按鈕類型(內聯按鈕、浮動按鈕等)
  3. 自定義按鈕設計,包括顏色、大小、布局等
  4. 獲取生成的 JavaScript 代碼

代碼實現

根據查詢中提供的代碼片段,實現 ShareThis 的基本 HTML 結構如下:

在網站的<head>部分添加 ShareThis 的 JavaScript:

<head>
  <script
    type="text/javascript"
    src="https://platform-api.sharethis.com/js/sharethis.js#property=<YOURPROPERTYID>&product=sticky-share-buttons&source=platform"
    async="async"
  ></script>
</head>

<body>部分添加分享按鈕的容器:

<body>
  <!-- ShareThis BEGIN -->
  <div class="sharethis-inline-share-buttons"></div>
  <!-- ShareThis END -->
</body>

這裡的<YOURPROPERTYID>是註冊 ShareThis 後獲得的唯一識別碼,用於跟踪和分析數據。

至於<body>部分的分享按鈕容器,可以選擇使用sharethis-inline-share-buttonssharethis-sticky-share-buttons,取決於你希望按鈕的顯示位置。

<body>
  <!-- ShareThis BEGIN -->
  <div class="sharethis-sticky-share-buttons"></div>
  <!-- ShareThis END -->
</body>

sharethis-inline-share-buttons 會生成一個直接嵌入在內容中的分享按鈕,而 sharethis-sticky-share-buttons 會生成一個固定位置的分享按鈕,始終可見。

與各平台集成

ShareThis 支持多種平台和內容管理系統:

  • WordPress:提供專門的插件,可通過插件目錄直接安裝
  • Squarespace:通過在站點頭部添加代碼輕鬆集成
  • Jekyll:在默認布局模板中添加 ShareThis 代碼

例如,對於 Squarespace 用戶,集成步驟為:訪問ShareThis 網站,選擇內聯分享按鈕,自定義按鈕外觀,創建賬戶並獲取代碼,然後將代碼添加到 Squarespace 的站點頭部。

結論

ShareThis 作為一款功能全面的社交分享工具,為網站提供了簡單而強大的方式來增強內容的可分享性和用戶參與度。其易於實現的特性、廣泛的平台支持和豐富的功能使其成為技術博客和各類網站的理想選擇,特別是在 AddThis 服務終止後。

對於希望提升網站流量和用戶參與度的網站管理員來說,ShareThis 不僅提供了分享功能,還提供了數據洞察,幫助優化內容策略。無論是個人博客還是企業網站,ShareThis 都能通過增強內容的社交傳播性來創造更多價值。

通過簡單的 HTML 和 JavaScript 代碼實現,ShareThis 可以輕鬆集成到任何網站,無需深厚的技術知識。這種簡便性加上其強大的功能,使 ShareThis 成為當今網站必備的社交分享工具之一。

感謝您閱讀我的文章。歡迎隨時分享你的想法。
關於 Calpa

Calpa 擅長使用 TypeScriptReact.jsVue.js 建立 Responsive Website。

他積極參與開源社區,曾在 2019 年的香港開源大會上擔任講者,提供工作經驗和見解。此外,他也在 GitHub 上公開分享個人博客程式碼,已獲得超過 300 顆星星和 60 個分支的支持。

他熱愛學習新技術,並樂意分享經驗。他相信,唯有不斷學習才能跟上快速演變的技術環境。