【2021年 保存版】よく使うソーシャルボタン(SNSボタン)の設置ページまとめ
2021年5月16日

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。
よく使うソーシャルボタン(SNSボタン)の設置ページまとめてをメモしました。
ソーシャルボタン(SNSボタン)とは?
ブログなどのWebページに設置してあるSNSのボタンです。
ユーザーがクリックするとそのページの情報をそのSNSの他のユーザへシェアしたりすることができます。
ソーシャルボタンの設置ページ
Facebookボタン設定のリンク先
Facebookボタンの使い方
- リンク先へアクセス
- いいね!ボタンを配置するウェブページのURLを設定する
- いいね!ボタンをカスタマイズする
- ボタンのプレビューを確認する
- [コードを取得]をクリック
- コードをコピーしてWebページに貼り付ける
Facebookボタン設定画面
Twitterボタンのリンク先
Twitterの使い方
- リンク先へアクセス
- ドロップダウンを使って、どの種類のコンテンツを使うかを選択
- ポップアップ表示されるHTMLコードをコピー
- コードをコピーしてWebページに貼り付ける
Twitterボタン設定画面
はてなブックマーク
はてなボタンのリンク先
はてなボタン使い方
- リンク先へアクセス
- ボタンのデザインを選択
- ボタンの設定を選択
- ボタンを確認
- コードをコピーしてWebページに貼り付ける
はてなボタン設定画面
LINE
LINEボタンのリンク先
!LINEボタン設定画面](img/post/memo/sns-button-hatena.jpg "Facebookボタン設定画面")
LINEボタンの使い方
- リンク先へアクセス
- URLを設定
- ボタンを設定
- ボタンを確認
- コードをコピーしてWebページに貼り付ける
LINEボタン設定画面
YouTube
YouTubeボタンのリンク先
YouTubeボタンの使い方
- リンク先へアクセス
- チャンネル名または ID:設定
- レイアウト:を選択
- テーマ:を選択
- チャンネル登録者数:を選択
- ボタンを確認
- コードをコピーしてWebページに貼り付ける
YouTubeボタン設定画面
Tumblr
Tumblrボタンのリンク先
Tumblrボタンの使い方
- リンク先へアクセス
- ボタンを選択
- 色を選択
- ボタンを確認
- コードをコピーしてWebページに貼り付ける
Tumblrボタン設定画面
- article
Gemini CLI のアーキテクチャを図解で理解:入力 → 推論 → 出力のデータフロー全貌
- article
Pinia アーキテクチャ超図解:リアクティビティとストアの舞台裏を一枚で理解
- article
FFmpeg アーキテクチャ超図解:demuxer→decoder→filter→encoder→muxer の流れを一望
- article
Obsidian 2025 年ロードマップ総ざらい:Properties/Canvas/Live Preview の現在地
- article
ESLint Flat Config 完全理解:eslint.config.js 時代の設計指針
- article
Nuxt レンダリング戦略を一気に把握:SSR・SSG・ISR・CSR・Edge の最適解
- blog
iPhone 17シリーズの発表!全モデルiPhone 16から進化したポイントを見やすく整理
- blog
Googleストアから訂正案内!Pixel 10ポイント有効期限「1年」表示は誤りだった
- blog
【2025年8月】Googleストア「ストアポイント」は1年表記はミス?2年ルールとの整合性を検証
- blog
Googleストアの注文キャンセルはなぜ起きる?Pixel 10購入前に知るべき注意点
- blog
Pixcel 10シリーズの発表!全モデル Pixcel 9 から進化したポイントを見やすく整理
- blog
フロントエンドエンジニアの成長戦略:コーチングで最速スキルアップする方法
- review
今の自分に満足していますか?『持たざる者の逆襲 まだ何者でもない君へ』溝口勇児
- review
ついに語られた業界の裏側!『フジテレビの正体』堀江貴文が描くテレビ局の本当の姿
- review
愛する勇気を持てば人生が変わる!『幸せになる勇気』岸見一郎・古賀史健のアドラー実践編で真の幸福を手に入れる
- review
週末を変えれば年収も変わる!『世界の一流は「休日」に何をしているのか』越川慎司の一流週末メソッド
- review
新しい自分に会いに行こう!『自分の変え方』村岡大樹の認知科学コーチングで人生リセット
- review
科学革命から AI 時代へ!『サピエンス全史 下巻』ユヴァル・ノア・ハラリが予見する人類の未来