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

公開日: : 最終更新日: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の導入方法』:https://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

  • このエントリーをはてなブックマークに追加

関連記事

ASUS TransBook T304UAをSurfaceの代わりに購入したら快適だった件

 外出先での作業用にSurfaceのような2in1パソコンが欲しいと思

コミPo!でネット広告にありそうな画像素材を作ってみた

 コミPo!という絵が描けなくても漫画が描けるというソフトがあります。

HTTP ERROR 500の原因と解決方法案

 PHPをいじっていたら「HTTP ERROR 500」に遭遇して数時

土日は株ができないので競馬で遊んでみた結果、意外にも…

 2018年初めての投稿です。最近株や投信を始めてみましたが土日は当然

WordPressサイトのSSL対応(HTTPS化)手順のまとめ【さくらサーバー】

先週頃にこのサイトをSSL対応しましたのでその流れについてまとめておき

→もっと見る

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