Share Buttons: Boost Your Website's Engagement

Trusted by Over 3 Million Websites Globally

Create Free Account

Already Have an Account? Log In

Save Your Configurations

Save your button configurations, manage multiple sites, and invite teammates to collaborate.

Unlock Sharing Intelligence^®

Harness the power of analytics: see what content gets shared and where your audience engages.

Access All Free Website Tools

Access more free tools to grow traffic, increase engagement, and support privacy and consent needs.

授權您的網站訪問者在 40 多個社交管道中擴展內容、產品、圖片和視頻的病毒性

通過我們的內聯和新功能為您的受眾選擇合適的社交管道，消除猜測測欄固定式的分享按鈕.

We automatically customize the channels based on the most popular sharing in your user’s region using ML algorithms. Sign up or login to our platform to start driving more engagement for your content or products.

選擇安裝來自超過 45 個最流行的社交管道的共享按鈕。

顯示所有按鈕

免費使用

Always free to use and ready to help you grow your audience right away

客製化

定製設計，包括對齊、尺寸和顏色，以配合您的品牌

移動優化

無論在大屏幕還是小屏幕，都能令人感到驚嘆

多語言支援

從超過 15 個選項中選擇您喜歡的語言

WordPress Plugin

Seamless integration with your favorite website platform

Analytics

Simple and digestible insights into what resonates with your audience

Frequently Asked Questions

Got any questions about our products and services? Look no further!

ShareThis 分享按鈕是免費的嗎？

是的！自2007年以來，我們一直在提供免費的分享按鈕，以支援在開放網絡上的分享內容。

如何取得分享按鈕 HTML/分享按鈕代碼？

您可以在您的HTML網站上安裝ShareThis分享按鈕，只需幾個簡單的步驟。導覽到設定頁並選擇您首選的平行橫躺於頁面 (inline) 的分享按鈕或測欄固定式 (Sticky) 的分享按鈕（隨網頁移動）。

然後，選擇您想要分享的按鈕。您可以通過選擇對齊方式、按鈕大小、行動呼叫和分享次數來自定義設計。一旦準備好您的按鈕設計，就可以點擊 "註冊並獲取代碼" 來獲得您的按鈕代碼。

請查看此支援帖子以瞭解更多細節 > 如何在 HTML 網站上安裝分享按鈕 .

如何在 WordPress 網站上安裝分享按鈕？

ShareThis WordPress 的分享按鈕您可以更容易地控制分享按鈕在網站上的位置和方式。更好的是，因為一切都通過我們的平臺和外掛程式設置進行控制，所以無需複製和貼上代碼。下載並安裝我們的外掛程式到您的 WordPress 網站上也不需五分鐘。今天就來觀看如何安裝的教程吧！

如何在我的WIX網站上安裝分享按鈕？

在 Wix 上安裝分享按鈕只需幾個簡單的步驟。導覽到設定頁選擇您首選的平行橫躺於頁面 (Inline) 的分享按鈕或測欄固定式(sticky) 的分享按鈕。

然後，選擇您所需的分享按鈕。您可以通過選擇對齊方式、按鈕大小、行動號召和分享計數來自定義設計。一旦您的按鈕設計已完成，點擊"註冊並獲取代碼"來獲取按鈕代碼。設計好分享按鈕後，可以點擊"註冊並獲取代碼"按鈕獲取分享按鈕代碼。複製 "在您的網站上安裝 sharethis.js (Install sharethis.js on your website.) " 的代碼。然後登入您的 Wix 帳戶，在文字框中輸入 HTML 程式碼。

請查看此支援帖子以瞭解更多細節 > 如何在 Wix 上安裝分享按鈕.

如何在 Weebly 網站上安裝分享按鈕？

在 Weebly 上安裝分享按鈕幾個簡單的步驟。導覽到設定頁選擇您首選的平行橫躺於頁面 (Inline) 的分享按鈕或測欄固定式(sticky) 的分享按鈕。

然後，選擇您所需的分享按鈕。設計分享按鈕后，可以點擊"註冊並獲取代碼" 按鈕獲取分享按鈕代碼。一旦您的按鈕設計已完成，點擊"註冊並獲取代碼" 獲取按鈕代碼。設計好分享按鈕後，可以點擊"註冊並獲取代碼"按鈕獲取分享按鈕代碼。複製 "在您的網站上安裝 sharethis.js (Install sharethis.js on your website.) " 的代碼。然後登入到您的 Weebly 帳戶，在文字框中輸入 HTML 程式碼。

如何建立自訂分享按鈕

更喜歡自定義分享按鈕？太好了！我們的分享代碼允許您從頭開始建立自定義按鈕。我們會為您負責分享和計數。

請查看此支援帖子以瞭解更多細節 > 如何建立自訂 ShareThis 分享按鈕 .

為什麼是 Instagram 不能用作共享按鈕？

目前，一些社交媒體平臺（如 Instagram 或Tik Tok）限制他們的API，因此不可能通過其環境外部的應用程式在端點上共用內容。但是，我們確實提供了一個 Instagram Follow Button, Tik Tok 跟隨按鈕 (和更多!)您可以通過啟用分享按鈕.

Do I need an account to use share buttons on my website?

No. When no ShareThis account or property is provided, the script automatically initializes using anonymous mode.

Now all you need to do to use our share buttons is place this script in your website code:

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:

Notice the “data-type” attribute in the first div. It accepts two values “inline-share-buttons” or “sticky-share-buttons”

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.

-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each inside the container represents a social network, defined by its data-network attribute.

How do I add social media networks button to my share buttons?

To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper

The value of data-network must be the lowercase identifier of a supported social network.

Example wrapper:

Example network button:

You can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.

Complete example:

Once added, the corresponding social network buttons will automatically render on your website.

What social media networks are supported?

The current list of supported social media networks you can place in your share buttons container code are:
‘facebook’
‘x’
’email’
‘whatsapp’
‘linkedin’
‘reddit’
‘tumblr’
‘diigo’
‘digg’
‘flipboard’
‘copy’
‘meneame’
‘fark’
‘facebook-messenger’
‘odnoklassniki’
‘sina-weibo’
‘vk’
‘blogger’
‘snapchat’
‘xing’
‘mail-ru’
‘livejournal’
‘pinterest-pin’
‘buffer’
‘douban’
‘evernote’
‘bookmarks’
‘gmail’
‘hackernews’
‘houzz’
‘instapaper’
‘line’
‘pocket’
‘print’
‘qzone’
‘iorbix’
‘kakao’
‘kindleit’
‘kooapp’
‘microsoftteams’
‘naver’
‘nextdoor’
‘outlook’
‘plurk’
‘pinboard’
‘tencentqq’
‘trello’
‘viber’
‘yummly’
‘diaspora’
‘surfingbird’
‘refind’
‘renren’
‘skype’
‘telegram’
‘threema’
‘yahoomail’
‘wordpress’
‘wechat’

How do I change the order of my social network share buttons?

You can change the order of your social network share buttons by reordering the elements inside the ShareThis wrapper <div>.

The buttons will appear on your website in the same order as the elements in your HTML.

For example, if your buttons are initially ordered like this:

And you want Facebook to appear after LinkedIn, update the order like this:

After this change, the Facebook button will appear after the LinkedIn button.

How do I remove one of my social network share buttons?

To remove a social network share button, delete the corresponding element with the matching data-network attribute from the ShareThis button container <div>.

For example, if your buttons are defined like this:

To remove the Facebook button, delete the with data-network=”facebook”:

After removing the span, the Facebook share button will no longer appear on your website.

How do I change the size of my share buttons?

You can change the size of Inline Share Buttons by adding a data-size attribute to the ShareThis button container <div>.

There are three supported size values:

small (default)
中等
large

By default, inline share buttons use the small size.

Default container

Example: setting the buttons to large

After adding the data-size=”large” attribute, the inline share buttons will render in the large size.

The data-size attribute is only supported for inline share buttons.

How do I change the labels that show next to the social network icon in my share buttons?

You can change the labels shown next to each social network icon by adding a data-labels attribute to your share button container <div>.

This works for both inline share buttons and sticky share buttons.

There are three supported label options:

cta — shows a call-to-action label (for example: “Share”, “Tweet”)
counts — shows the share count next to each icon
none — hides labels and shows icons only

By default, share buttons use the cta label option.

Default container (inline or sticky)

Example: showing share counts as labels

Example: hiding labels (icons only)

Important notes

Any unsupported value will fall back to the default behavior

The data-labels attribute applies to both inline and sticky share buttons

Only the values cta, counts, and none are supported

How do I show share counts next to my social network share buttons?

By default, ShareThis buttons do not display the total share count for the current page.

To enable the total share count, add the data-show_total=”true” attribute to your share button container <div>.

This works for both inline share buttons and sticky share buttons.

Default container

Enable total share count

Result

Once data-show_total=”true” is added, the total number of shares for the current page will appear next to your share buttons.

Important notes

If the attribute is omitted or set to false, the total share count will not be shown

This setting shows the combined total share count, not individual network counts

The attribute works for both inline and sticky share buttons

How do I change the alignment and move my sticky floating share buttons from the left to the right side?

By default, sticky share buttons float on the left side of the user’s browser window.

To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to “right”.

Note: This setting only applies to sticky share buttons.

Default container

Move buttons to the right side

Result

After adding data-alignment=”right”, your sticky share buttons will float on the right side of the browser window instead of the left.

Available alignment options

data-alignment="right"

data-alignment="left" (default)

我們的 CMS 外掛程式和應用程式使我們的工具更容易與您的網站整合。

平均使用者評級

पटीर

जगदीश

2018-11-09

真棒的工具

幫助我快速完成工作

2018-11-15

一個優秀的小部件！

很好的工具， ShareThis！感謝你發明了一個很棒的產品，以一種有趣的互動方式提高生產力。繼續保持動力前進！謝謝！

2019-07-01

很棒的工具

最好的服務，很棒的工具，它讓我的工作變得如此輕鬆。

2019-09-03

聯盟行銷人員

對我來說，Sharethis 是我最喜歡的在線新工具之一。建立部落格、登陸頁面和網站分享按鈕從未如此簡單！我百分之百推薦給那些想在網上分享他們的連接的人。它現在完全免費。 😍

2019-11-29

真棒工具。

https://sharethis.com/platform/share-buttons/

2020-07-17。

有用的應用程式。

真的, 我是認真的。

2020-07-27。

地球上最好的共用工具!

我試過很多開發人員的共用工具, 但老實說。 ShareThis 是好得多, 一個工作完美無瑕。1. 按鈕看起來很棒,簡單和乾淨,我們可以自定義它。並且有 100% 寬度的選項,使其在任何螢幕大小上回應。2. 如果您更改帳戶上的按鈕選項/設置,網站上的按鈕會自動更新。3. 按鈕不會被 Adblock 阻止,因此會增加您網站上的可見性。謝謝。 ShareThis

2020-10-02。

易於實施，最佳結果

我給 sharethis 5星。它非常容易實現，我的用戶喜歡它。僅在第一個月，我的文章就被分享了近40次。我會推薦給大家。

2021-11-24

神奇的工具

很容易添加代碼以在我的網站上顯示共享按鈕。

2021-11-28

2022年新年

五星級

2022-01-19

很棒的易於使用的工具

我有我的部落格一年多了，出於某種原因，它看起來還沒有「官方」，直到我得到 sharethis!跟 sharethis 在我的部落格我覺得更合法，人們更容易分享我的部落格向其他人發帖，擴大我的覆蓋範圍部落格!耶！！非常感謝 sharethis!

2022-02-06

很好的工具

如此簡單易用

2022-04-08

很棒的工具！

易於實施，易於理解，整體過程非常簡單！

2022-07-27

愛上它！

如此容易設置，喜歡自定義選項！

2022-09-01

愛上它！

姓名：標題：評分：撰寫評論：

\n\n

Next, depending on what kind of share buttons you want use, you can simply place the following HTML where you want the buttons to show:\n\n

\n\n\n\n\n\n\n
\n\n\nNotice the \"data-type\" attribute in the first div. It accepts two values \"inline-share-buttons\" or \"sticky-share-buttons\"

The value of the data-type attribute determines the button layout:

-inline-share-buttons renders buttons inline within page content.\n\n
-sticky-share-buttons renders floating buttons on the left or right side of the browser window.

Each  inside the container represents a social network, defined by its data-network attribute.\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I add social media networks button to my share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
To add a social media network button, place a element with a data-network attribute inside the ShareThis wrapper\n\n
The value of data-network must be the lowercase identifier of a supported social network.\n\n
Example wrapper:
\n\n
\n\nExample network button:\n\n
\n\nYou can include multiple elements inside the wrapper. The order of the elements determines the order in which the buttons appear.\n\n
Complete example:\n\n
\n  \n  \n  \n
\n\nOnce added, the corresponding social network buttons will automatically render on your website.\n"
            }
        },
        {
            "@type": "Question",
            "name": "What social media networks are supported?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
The current list of supported social media networks you can place in your share buttons container code are:
'facebook'
'x'
'email'
'whatsapp'
'linkedin'
'reddit'
'tumblr'
'diigo'
'digg'
'flipboard'
'copy'
'meneame'
'fark'
'facebook-messenger'
'odnoklassniki'
'sina-weibo'
'vk'
'blogger'
'snapchat'
'xing'
'mail-ru'
'livejournal'
'pinterest-pin'
'buffer'
'douban'
'evernote'
'bookmarks'
'gmail'
'hackernews'
'houzz'
'instapaper'
'line'
'pocket'
'print'
'qzone'
'iorbix'
'kakao'
'kindleit'
'kooapp'
'microsoftteams'
'naver'
'nextdoor'
'outlook'
'plurk'
'pinboard'
'tencentqq'
'trello'
'viber'
'yummly'
'diaspora'
'surfingbird'
'refind'
'renren'
'skype'
'telegram'
'threema'
'yahoomail'
'wordpress'
'wechat'\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I change the order of my social network share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
You can change the order of your social network share buttons by reordering the  elements inside the ShareThis wrapper 
.\n\nThe buttons will appear on your website in the same order as the  elements in your HTML.\n\n
For example, if your buttons are initially ordered like this:\n\n
\n  \n  \n  \n
\n\nAnd you want Facebook to appear after LinkedIn, update the order like this:\n\n
\n  \n  \n  \n
\n\nAfter this change, the Facebook button will appear after the LinkedIn button.\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I remove one of my social network share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
To remove a social network share button, delete the corresponding  element with the matching data-network attribute from the ShareThis button container 
.\n\nFor example, if your buttons are defined like this:\n\n
\n  \n  \n  \n
\n\nTo remove the Facebook button, delete the  with data-network=\"facebook\":\n\n
\n  \n  \n
\n\nAfter removing the span, the Facebook share button will no longer appear on your website.\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I change the size of my share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
You can change the size of Inline Share Buttons by adding a data-size attribute to the ShareThis button container 
.\n\nThere are three supported size values:\n\n
\nsmall (default)\n\n\n\n
medium\n\n\n\n
large\n\n\nBy default, inline share buttons use the small size.\n\n
Default container\n\n\n\nExample: setting the buttons to large\n\n\n\nAfter adding the data-size=\"large\" attribute, the inline share buttons will render in the large size.\n\n
The data-size attribute is only supported for inline share buttons.\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I change the labels that show next to the social network icon in my share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
You can change the labels shown next to each social network icon by adding a data-labels attribute to your share button container 
.\n\nThis works for both inline share buttons and sticky share buttons.\n\n
There are three supported label options:\n\n
\ncta \u2014 shows a call-to-action label (for example: \u201cShare\u201d, \u201cTweet\u201d)\n\n\n\n
counts \u2014 shows the share count next to each icon\n\n\n\n
none \u2014 hides labels and shows icons only\n\n\nBy default, share buttons use the cta label option.\n\n
\n\nDefault container (inline or sticky)\n\n\n\nor\n\n
\n\n
\n\nExample: showing share counts as labels\n\n\n\n
\n\nExample: hiding labels (icons only)\n\n\n\n
\n\nImportant notes\n\nAny unsupported value will fall back to the default behavior\n\n
The data-labels attribute applies to both inline and sticky share buttons\n\n
Only the values cta, counts, and none are supported\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I show share counts next to my social network share buttons?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
By default, ShareThis buttons do not display the total share count for the current page.\n\n
To enable the total share count, add the data-show_total=\"true\" attribute to your share button container 
.\n\nThis works for both inline share buttons and sticky share buttons.\n\n
\n\nDefault container\n\n\n\nor\n\n
\n\n
\n\nEnable total share count\n\n\n\n
\n\nResult\n\nOnce data-show_total=\"true\" is added, the total number of shares for the current page will appear next to your share buttons.\n\n
\n\nImportant notes\n\nIf the attribute is omitted or set to false, the total share count will not be shown\n\n
This setting shows the combined total share count, not individual network counts\n\n
The attribute works for both inline and sticky share buttons\n"
            }
        },
        {
            "@type": "Question",
            "name": "How do I change the alignment and move my sticky floating share buttons from the left to the right side?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "\n
By default, sticky share buttons float on the left side of the user\u2019s browser window.\n\n
To move your sticky share buttons to the right side, add the data-alignment attribute to your share button container and set its value to \"right\".\n\n
\nNote: This setting only applies to sticky share buttons.\n\n\n
\n\nDefault container\n\n\n\n\n
\n\nMove buttons to the right side\n\n\n\n\n
\n\nResult\n\nAfter adding data-alignment=\"right\", your sticky share buttons will float on the right side of the browser window instead of the left.\n\n
\n\nAvailable alignment options\n\ndata-alignment=\"right\"
\n\n
data-alignment=\"left\" (default)\n"
            }
        }
    ]
}
	


	
		
			
				
					
						
							Website Tools
Share Buttons
Social Media Buttons
Facebook Share Button
Whatsapp Share Button
Pinterest Share Button
Follow Buttons
Instagram Follow Button
Facebook Follow Button
LinkedIn Follow Button
Social Plugins
Support
						
						
							ShareThis Data
Data Solutions
Targeting & Activation
Insights & Analytics
Enrichment & Personalization
Audience Segments
Curated Data
B2B Solutions
CPG Solutions
Data Privacy & Quality
Atlas Global ID
Global Consumer Trends
						
						
							Company
About Us
Careers
Engineering Culture
News
Contact Us
Privacy
Privacy
AdChoices / Do Not Sell/Share My Data
Click to Opt Out of ShareThis Services
Publisher Terms of Use
Data Subject Privacy Request
						
						
							比較
ShareThis 與。別人
ShareThis Vs. AddThis
ShareThis Vs. AddToAny
ShareThis Vs. Elfsight
ShareThis Vs. Shareaholic
ShareThis Vs. Social9
ShareThis Vs. Sumo
						
						
													
						
													
					
					
						
							
								Stay in touch							
							Get the latest news, tips, and updates							Subscribe
							
								

								

								

							
                            
                                
                                    
                                
                            
						
					
				
			

		

		

			

				

                    © 2026 ShareThis. All Rights Reserved. 

				


			


		
	





            

		




TWEN
ES
DE
FR
IT
PT
JA

Data Products

Data Use-Cases

Identity Solutions

Industry Solutions

Resources

Default container

Example: setting the buttons to large

Default container (inline or sticky)

Example: showing share counts as labels

Example: hiding labels (icons only)

Important notes

Default container

Enable total share count

Result

Important notes

Default container

Move buttons to the right side

Result

Available alignment options

पटीर

真棒的工具

一個優秀的小部件！

很棒的工具

聯盟行銷人員

真棒工具。

有用的應用程式。

地球上最好的共用工具!

易於實施，最佳結果

神奇的工具

2022年新年

很棒的易於使用的工具

很好的工具

很棒的工具！

愛上它！

愛上它！

Website Tools

ShareThis Data

Company

Privacy

比較

Share Buttons

選擇您的社交網路：

大小

對齊方式

標籤

標籤

次數

Inline Share Buttons

Sticky Share Buttons

Trusted by Over 3 Million Websites Globally

Sign Up and Get More With a ShareThis Account

我們的共用按鈕

AI-Driven Smart Sharing Buttons

熱門社交媒體分享按鈕

Frequently Asked Questions

Default container

Example: setting the buttons to large

Default container (inline or sticky)

Example: showing share counts as labels

Example: hiding labels (icons only)

Important notes

Default container

Enable total share count

Result

Important notes

Default container

Move buttons to the right side

Result

Available alignment options

Social Plugins

平均使用者評級 {"@context":"https:\/\/schema.org\/","@type":"Product","name":"Share Buttons","brand":{"@type":"Thing","name":"https:\/\/sharethis.com"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","ratingCount":"15"}}

पटीर

真棒的工具

一個優秀的小部件！

很棒的工具

聯盟行銷人員

真棒工具。

有用的應用程式。

地球上最好的共用工具!

易於實施，最佳結果

神奇的工具

2022年新年

很棒的易於使用的工具

很好的工具

很棒的工具！

愛上它！

愛上它！

Result\n\nAfter adding data-alignment=\"right\", your sticky share buttons will float on the right side of the browser window instead of the left.\n\n\n\nAvailable alignment options\n\ndata-alignment=\"right\"\n\ndata-alignment=\"left\" (default)\n" } } ] }

Available alignment options\n\ndata-alignment=\"right\"\n\ndata-alignment=\"left\" (default)\n" } } ] }

平均使用者評級

Result\n\n
After adding data-alignment=\"right\", your sticky share buttons will float on the right side of the browser window instead of the left.\n\n
\n\n
Available alignment options\n\n
`data-alignment=\"right\" \n\n`
`data-alignment=\"left\" (default)\n" } } ] }`

Available alignment options\n\n
`data-alignment=\"right\" \n\n`
`data-alignment=\"left\" (default)\n" } } ] }`