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

作者: Calpa Liu
字數:1552
出版: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 個分支的支持。

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

熱門文章

最新文章

圖片管理中心
管理圖片資源
IP 查詢
快速查詢和定位 IP 地址的地理位置和相關信息
Python 運行器
無需後端、無需登入,只需打開瀏覽器即可運行 Python 代碼(由 Pyodide 提供支持)
封面圖生成器
自動創建適合各種平台的文章封面圖
原作(青山剛昌)產生器
一鍵創建原作(青山剛昌)的封面圖
日本色彩
探索和使用傳統日本色彩
部落格內容洞察儀表板
以視覺化儀表板方式追蹤文章成效、分享熱度與分類分布,協助創作者掌握內容表現。
蒙特卡羅估算 π
使用蒙特卡羅方法演示 π 值的估算過程
LLM
使用 LLM 模型進行聊天
活動圖生成器
一鍵創建活動的封面圖
Wagmi Card
一鍵創建 Wagmi 的封面圖
Facebook Quote
Facebook Quote
Music Macro Language (MML) Studio
用程式語法編寫旋律,用音符構築想像
Blurhash
一鍵創建 Blurhash
文字分類器
使用 MediaPipe TextClassifier 分類文字
前端工程師免費工具資源
前端工程師免費工具資源
後端工程師免費工具資源
後端工程師免費工具資源
全端工程師免費工具資源
全端工程師免費工具資源
Web3 工程師免費工具資源
Web3 工程師免費工具資源
紫微斗數排盤系統|結合 AI 的命盤性格與事業財務分析生成器
紫微斗數排盤工具,輸入生日與時辰,自動生成完整命盤分析提示(Prompt)。結合最專業紫微理論與 AI 助力,助你深入解析性格、事業、財務與人際課題。免費使用,適合命理師及紫微愛好者。
PixAI Prompt 組合器|快速打造可用於 AI 繪圖的語言拼圖
使用 PixAI 卻不會寫 prompt?這個工具幫你一鍵組裝角色、表情、風格語彙,輸出高品質繪圖提示語句(Prompt),可直接貼入 PixAI 使用。適合插畫師、創作者、AI 新手與 VTuber 角色開發者。