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以上のソーシャルチャンネルのシェアボタンを選択して設置することができます。

ボタンを全て表示

自由に使える

いつでも使用は無料、すぐにでも視聴者を増やすことができます。

カスタマイズ可能

ブランドに合わせて配置やサイズ、色などのデザインを調整する

モバイル最適化

大小を問わず、あらゆる画面で見た目が美しく、しかも使いやすく設計されています。

多言語対応

15種類以上の言語からお好きなものをお選びいただけます。

WordPressプラグイン

お好みのウェブサイトプラットフォームとのシームレスな統合。

アナリティクス

視聴者の共感を得るための、シンプルで分かりやすいインサイト分析。

よくあるご質問

製品やサービスについての質問がありましたら、お気軽にお問い合わせください。

ShareThisシェアボタンは無料ですか？

はい。2007年以来、オープンウェブ上でコンテンツを共有する、無料のシェアボタンをご提供しています。

シェアボタン HTML/Share Buttonのコードはどうやって入手できますか？

HTMLサイトにShareThis シェアボタンをインストールするには、この簡単なステップで設置できます。設定ページをクリックして、インラインボタンまたは付箋ボタンを選択してください。

次にお好みのシェアボタンを選択します。配置、ボタンのサイズ、CTA、シェア数を選択して、デザインをカスタマイズできます。ボタンのデザインが完成したら、「登録＆コード取得」をクリックして、ボタンのコードを取得します。

詳細については、こちらのサポート記事をご覧ください。 HTMLサイトにシェアボタンを設置する方法。.

シェアボタンを自分のWordPressサイトにインストールするにはどうすればいいですか？

ShareThisの WordPressシェアボタンは、サイト上どの位置に、どのようにシェアボタンを表示するかを、より細かくコントロールすることができます。さらに、コードをコピー＆ペーストする必要もなく、すべてがプラットフォームとプラグイン設定でコントロールされます。プラグインのダウンロードとインストールは5分もかからずにできます。インストール方法の解説を見て、今すぐ試してみましょう。

自分のWixサイトにシェアボタンを設置するにはどうすればいいですか？

Wixにシェアボタンをインストールするには、この簡単なステップで設置できます。設定ページをクリックして、インラインボタンか付箋ボタンかを選択してください。

次にお好みのシェアボタンを選択します。配置、ボタンサイズ、CTA、シェア数を選んでデザインをカスタマイズすることができます。シェアボタンのデザインができたら、「登録＆コード取得」をクリックして、シェアボタンのコードを取得します。「あなたのウェブサイトに "sharethis.js" を設置する」の下にあるコードをコピーします。その後、Wixアカウントにログインして、HTMLコードをテキストボックスに入力します。

詳細については、こちらのサポート記事をご覧ください。 Wixにシェアボタンを設置する方法.

Weeblyサイトにシェアボタンを設置するにはどうすればいいですか？

Weeblyにシェアボタンをインストールするには、この簡単なステップで設置できます。設定ページをクリックして、インラインボタンか付箋ボタンかを選択してください。

次にお好みのシェアボタンを選択します。シェアボタンのデザインができたら、「登録＆コード取得」ボタンをクリックして、シェアボタンのコードを取得します。「あなたのウェブサイトに "sharethis.js" を設置する」の下にあるコードをコピーします。その後、Weeblyアカウントにログインして、HTMLコードをテキストボックスに入力します。

カスタムシェアボタンを作成するには？

シェアボタンをカスタマイズしたいと思いませんか。当社のシェアコードを使えば、最初からカスタムボタンを作ることができます。共有そのものとシェア数の記録はお任せください。

詳細については、こちらのサポート記事をご覧ください。 ShareThisのカスタムシェアボタンの作成方法。.

Instagramはなぜシェアボタンとして利用できないのですか？

現在、一部のソーシャルメディアプラットフォーム（InstagramやTik Tokなど）はAPIを制限しているため、その環境外のアプリケーションからエンドポイント経由でコンテンツを共有することはできません。しかし、私たちは Instagramフォローボタン, 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は、私にとって新しいお気に入りのオンラインツールの一つです。ブログやランディングページ、ウェブサイトにシェアボタンを作るのが、これまでに比べて簡単になりました。お客様とのつながりをオンラインで共有したい人には100％お勧めです。しかも、今なら完全無料です。😍

2019-11-29

すばらしいツール

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

2020-07-17

役立つアプリケーション

本当に、そう思っています。

2020-07-27

地球上で最高のシェアツール！

多くのデベロッパーによる沢山のシェアツールを試してみましたが、正直なところ、ShareThis の方がはるかに優れており、完璧に作動します。1. ボタンの見た目が良く、シンプルで清潔感があり、カスタマイズも可能です。また、どのような画面サイズでも対応できるように、幅100％のオプションも用意されています。2. アカウントでボタンのオプションや設定を変更すると、ウェブサイトのボタンも自動的に更新されます。3. ボタンはAdblockによってブロックされていないので、ウェブサイト上の可視性を高めることができます。ありがとうございました。

2020-10-02

簡単な導入で、最高の結果を

sharethis に5つ星を付けます。とても簡単に導入でき、私のユーザーも気に入っています。最初の1ヶ月だけで、私の記事はほぼ40回シェアされました。みんなに勧めたいですね。

2021-11-24

ファンタスティックツール

私のウェブサイトにシェアボタンを表示するコードを追加するのはとても簡単です。

2021-11-28

2022年新春

5つ星

2022-01-19

使い勝手の良いツール

ブログを開設して1年以上経ちますが、なぜかまだ「公式」に見えませんでしたが、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"
            }
        }
    ]
}
	


	
		
			
				
					
						
							ウェブサイトツール
シェアボタン
ソーシャルメディアボタン
Facebookシェアボタン
WhatsAppシェアボタン
Pinterestシェアボタン
フォローボタン
Instagramフォローボタン
Facebookフォローボタン
LinkedInフォローボタン
ソーシャル プラグイン
サポート
						
						
							ShareThisデータ
データソリューション
ターゲティング＆アクティベーション
インサイト＆アナリティクス
エンリッチメント＆パーソナライゼーション
オーディエンス・セグメント
キュレーションデータ
B2Bソリューション
CPGソリューション
データプライバシーと品質
アトラス・グローバルID
世界の消費者動向
						
						
							会社
会社概要
採用情報
エンジニアリング文化
ニュース
お問い合わせ
プライバシー
プライバシー
AdChoices / Do Not Sell/Share My Data
ShareThisサービスからのオプトアウト
パブリッシャー利用規約
Data Subject Privacy Request
						
						
							比較
ShareThis 対その他
ShareThis vs. AddThis
ShareThis vs. AddToAny
ShareThis Vs. Elfsight
ShareThis vs. Shareaholic
ShareThis vs. Social9
ShareThis vs. Sumo
						
						
													
						
													
					
					
						
							
								連絡を取り合う							
							最新のニュース、ヒント、アップデートを入手する							登録
							
								

								

								

							
                            
                                
                                    
                                
                            
						
					
				
			

		

		

			

				

                    © 2026 ShareThis. All Rights Reserved. 

				


			


		
	





            

		




JAEN
ES
DE
FR
IT
TW
PT

データ製品

データ使用例

アイデンティティ・ソリューション

産業別ソリューション

リソース

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年新春

使い勝手の良いツール

素晴らしいツール

素晴らしいツールです！

大好きなんです！

大好きなんです！

ウェブサイトツール

ShareThisデータ

会社

プライバシー

比較

シェアボタン

ソーシャルネットワークの選択：

サイズ

配置

ラベル

ラベル

カウント

インライン シェアボタン

付箋シェアボタン

Trusted by Over 3 Million Websites Globally

Sign Up and Get More With a ShareThis Account

シェアボタン

AI-Driven Smart Sharing Buttons

人気ソーシャルメディアのシェアボタン

よくあるご質問

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

ソーシャル プラグイン

ユーザーの平均評価 {"@context":"https:\/\/schema.org\/","@type":"Product","name":"\u30b7\u30a7\u30a2\u30dc\u30bf\u30f3","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" } } ] }`