ブログにTwitterのツイートボタンやFacebookのいいねボタンを設置

2011.06.10 ( Fri )
ソーシャルネットボタン
いま流行り?のTwitterに簡単につぶやくことができるツイートボタンFacebookいいねボタンをこのブログにも設置してみました。

以下に、サイトのボタンを追加するURLを作成するページをまとめてメモしておきます。
自分のブログにボタンを追加したいという方は参考に。

ボタンを作成するURL一覧

Twitter
Twitter / ツイートボタン

Facebook
Like Button - Facebook開発者

GREE
Social Feedback - GREE Developer Center

mixi(※要Developer登録)
mixi Developer Dashboard

Evernote
Evernote Site Memory | Evernote Corporation

はてな
はてなブックマークボタン

Google
Google +1 ボタン

基本的には、自分のサイトのURLを入力し、ボタンデザインを選んで、表示されるコードを自分のサイトに張ればOKです。

注意点として、出力されるコードにカスタムデータ属性(「data-」で始まる属性)が含まれている場合、サイトのDOCTYPE宣言が「HTML 4.01」や「XHTML 1.0」だと、W3Cのサイトで検証した際、エラーとなります。
また、Facebookでは「fb:like」Googleでは「g:plusone」というタグが使われていますが、これらもチェックするとエラーとなります。

Invalidな(X)HTMLでも気にならない場合は、問題ありませんが、気になる場合はコードをカスタマイズするか、サイトをHTML5に対応させる必要があります。

ちなみに、FC2ブログでは管理ページの「環境設定の変更」→「ブログの設定」でTwitter, Facebookの項目で「有効にする」にチェックを入れると簡単にボタンを設置する事ができます。


関連記事
Google +1 ボタンを設置した&表示されない場合の対処方法


スポンサードリンク


この記事に対するコメント


自分のページへ送レル都は知りませんでした。助かります。でもこの種のSNSに参加すると、少ない時間がますます少なくなって、ものごとを落ち着いて考えられなくなる、のがいささか辛いのでありますよ。

【2011/06/17 11:16】 井上佑一 #- [編集]


お世話になります。とても良い記事ですね。
【2013/04/10 15:18】 バーバリー バッグ #mP5cqapc [編集]


この記事に対するコメントの投稿












※ スパムコメント対策のため、現在「http」が含まれているコメントを拒否しています。
URLを書く場合は、"h"を抜いて書くなどして下さい。

申し訳ありませんが、いろいろ忙しくなってしまったので、
今後、質問などのコメントに対しての返信はほとんど出来ないと思います。
不明点が場合はGoogle等を利用して自力で解決して頂くか、諦めてください (´・ω・`)

この記事に対するトラックバック

トラックバックURL
http://ub.blog85.fc2.com/tb.php/450-0bacadfa
この記事にトラックバックする(FC2ブログユーザー)
ブログ内検索
RSS
Google +1 ボタン
リンク
人気記事ランキング
ブログパーツ
アクセスランキング
ブログパーツ
カウンター

カレンダー
«06 | 2017/07 | 08»
------1
2345678
9101112131415
16171819202122
23242526272829
3031-----
テスト
track word track feed この日記のはてなブックマーク数