ソーシャルボタンをブログやサイトに設置する方法

公開日: : 最終更新日:2014/08/14 google, Twitter, zenback, サイト制作, はてな

スポンサーリンク

TwitterやFacebookなどのソーシャルボタンを付ける方法です。ソーシャルボタンを付けるには個別にそのサービスのスクリプトなりのソースを取得して貼りつけていくか、一括で表示してくれるサービスを利用するかになります。

一括で表示するサービスを利用する

忍者おまとめボタン

social_ninjaomatome.jpg

これが一番簡単で管理もしやすいのでお勧めです。ほとんどのソーシャルボタンを網羅しており、そのボタンの形式やサイズなど豊富な候補からの選択式で表示方法に困らないだけでなく横並びか縦並びかやボタンの順番などのデザインも簡単に変更できます。しかもボタンのクリック状況などの解析ページも付いています。特に広告も付いていなくて無料なので正直これで事足りると思います。

↓実際に設置した例

『忍者おまとめボタン』:http://www.ninja.co.jp/omatome/

Zenback

social_zenback.jpg

Zenbackは関連記事やソーシャルボタンの設置できるブログパーツの一種です。ソーシャルボタンだけの設置もでき、そのシェアしたコメントの表示もできるので反応を一緒に共有したい場合は便利です。
ソーシャルボタンだけでなく自分のサイトの関連記事なども表示可能なのでその表示もしたい場合はお勧めです。
ただし、広告が付いているという所とやや読み込みに時間がかかるのが欠点。

『Zenback』:http://zenback.jp/
『関連記事を手軽に表示できるzenbackの導入方法』:http://mementoo.info/archives/699

個別に取得する

Twitter

social_twitterbtn.jpg

Twitterの公式ページでボタンの設置用スクリプトページがあるのでそちらを参考にしてください。

『Twitter(Add buttons to your website to help your visitors share content and connect on Twitter.)』:https://about.twitter.com/resources/buttons

Facebook

social_facebookbtn.jpg

Facebookに登録する必要があります。その他はTwitterと同じ要領です。

Google+

social_googlebtn.jpg

特に登録の必要なく設置可能です。

はてなブックマーク

social_hatenabtn.jpg

特に登録の必要なく設置可能です。

『はてなブックマークボタン』:http://b.hatena.ne.jp/guide/bbutton
スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

人気記事表示ブログパーツの忍者レコメンドを使ってみる

忍者レコメンドとは 今回は忍者レコメンドという人気記事表示のブログパーツを紹介します。忍者レコメン

記事を読む

ブログのコメント欄をTwitterやFacebook、はてなのコメントで代用する方法

最近になってコメント欄にスパムっぽいものが大量に飛んでくるようになったのでどうにかしないと、と思い一

記事を読む

ニコニコ動画のユーザーおよびマイリストのRSSフィード

ニコニコ動画のユーザーページのRSSフィードおよびマイリストのRSSフィードは次のようになっています

記事を読む

Twitterに登録しようとするとメールアドレスが無効ですと出てくる

Twitterに登録しようとしたら『×メールアドレスが無効です。』とでてしまい、おかしいと思

記事を読む

【HTML/CSS】タイトルロゴ画像の設定の方法

自分のブログやサイトのタイトル部分にトップ絵画像を設置する方法です。方法としてはimgタグをHTML

記事を読む

【jQuery】サイドバー固定に役立つサイト集

縦スクロール 縦方向にスクロールして指定の位置に来たら要素を固定させる方法のリンク集を紹介させてい

記事を読む

【jQuery/javascript】Tweetボタンを動的に設置する

Twitterボタンをブログやサイトに設置するとき読み込みに時間がかかってしまって困るといったことや

記事を読む

【さくらサーバー】htaccessを使って拡張子無しでアクセスする

さくらサーバーで拡張子なしのアクセスする方法について非常に苦労したのでつづっておきます。私は

記事を読む

ニコニコ動画の検索APIについて調べたのでメモ

ニコニコ動画にはAPIがあり、動画の情報(タイトルとか再生数とか)を取得したり、ランキング情報(RS

記事を読む

【jQuery/javascript】はてなボタンを動的に設置する

はてなブックマークのボタンをページの読み込みが終わった後にjavascript(jQuery)で追加

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑