よく使うソーシャルボタン（SNSボタン）の設置ページまとめてをメモしました。

ソーシャルボタン（SNSボタン）とは？

ブログなどのWebページに設置してあるSNSのボタンです。
ユーザーがクリックするとそのページの情報をそのSNSの他のユーザへシェアしたりすることができます。

ソーシャルボタンの設置ページ

Facebook

Facebookボタン設定のリンク先

Facebookボタン設定

developers.facebook.com

Facebookボタンの使い方

1. リンク先へアクセス
2. いいね！ボタンを配置するウェブページのURLを設定する
3. いいね！ボタンをカスタマイズする
4. ボタンのプレビューを確認する
5. [コードを取得]をクリック
6. コードをコピーしてWebページに貼り付ける

Facebookボタン設定画面

Twitter

Twitterボタンのリンク先

Twitterボタン設定

publish.twitter.com

Twitterの使い方

1. リンク先へアクセス
2. ドロップダウンを使って、どの種類のコンテンツを使うかを選択
3. ポップアップ表示されるHTMLコードをコピー
4. コードをコピーしてWebページに貼り付ける

Twitterボタン設定画面

はてなブックマーク

はてなボタンのリンク先

はてなボタン設定

b.hatena.ne.jp

はてなボタン使い方

1. リンク先へアクセス
2. ボタンのデザインを選択
3. ボタンの設定を選択
4. ボタンを確認
5. コードをコピーしてWebページに貼り付ける

はてなボタン設定画面

LINE

LINEボタンのリンク先

LINEボタン設定

social-plugins.line.me

!LINEボタン設定画面](/img/post/memo/sns-button-hatena.jpg "Facebookボタン設定画面")

LINEボタンの使い方

1. リンク先へアクセス
2. URLを設定
3. ボタンを設定
4. ボタンを確認
5. コードをコピーしてWebページに貼り付ける

LINEボタン設定画面

YouTube

YouTubeボタンのリンク先

YouTubeボタンの設定

developers.YouTube.com

YouTubeボタンの使い方

1. リンク先へアクセス
2. チャンネル名または ID:設定
3. レイアウト:を選択
4. テーマ:を選択
5. チャンネル登録者数:を選択
6. ボタンを確認
7. コードをコピーしてWebページに貼り付ける

YouTubeボタン設定画面

Tumblr

Tumblrボタンのリンク先

Tumblrボタン設定

developers.Tumblr.com

Tumblrボタンの使い方

1. リンク先へアクセス
2. ボタンを選択
3. 色を選択
4. ボタンを確認
5. コードをコピーしてWebページに貼り付ける

Tumblrボタン設定画面