「 ブックマークボタンの設置」について書いています。 (ブログ作成の体験レポートです)

ヘルプ

ブログが作りたい!【08】 FC2ブログで遊ぼう > ブックマークボタンの設置

ブックマークボタンの設置

ソーシャル ブックマークボタンの設置

ブログに、ブックマークボタンを設置する

ブログの記事の最後などで、ソーシャル ブックマークのボタンを見かけます。「うちも欲しいなり。(コロ助)」

そんな気持ちがふつふつとわいてきたので、お話は次の順番で進みます。

▲ページの先頭に戻る

ソーシャル ブックマークとは?

ソーシャル ブックマークは、ブックマーク(お気に入りに追加する)をネットワーク上で行うことができるサービスです。

1:ブックマークする

普段、みなさんは、「おもしろい」とか、「役立つぞ」と思ったホームページを、ブックマーク(お気に入りに追加する)しているのではないかしら。

「後でまた見たい」と感じたホームページを、ブラウザへ記憶(URLの保存)させておくわけです。

▲ページの先頭に戻る

2:ブックマークの問題点と解決案

しかし、例えば会社でブックマークしておいたホームページは、自宅のパソコンでは、利用できません。

「あれー、何というタイトルのホームページだったかしら?」、「検索エンジンで、何というキーワードで行き着いたんだったかしら?」など、忘れてしまうこともしばしばあります。

こういう問題を解消してくれるのが、ソーシャル ブックマークです。

「インターネット上に、自分のリンク集が手軽に作成できる」とイメージすれば、分かり良いかもしれません。

ソーシャル ブックマークしておけば、どこからインターネット接続しても、ブックマークをチェックできます。

▲ページの先頭に戻る

3:ソーシャル ブックマークの有用性

ソーシャル ブックマークは、ディレクトリ構造ではなく、タグによって整理します。

また、ソーシャル ブックマークを利用している人たちとブックマーク(情報)を共有することもできます。

これによって、同じようなジャンルに興味をもっている人が見ているホームページをチェックすることもできます。

つまり、その業界のオーソリティ(権威のある人)が、普段見ているホームページを確認する機会も得られます。(もちろん、オーソリティが利用していればですけれど)

▲ページの先頭に戻る

4:ソーシャル ブックマークの利用方法

ソーシャル ブックマークを利用する場合は、「ソーシャル ブックマーク」サービスを提供しているWebサイトへ行き、ユーザ登録する必要があります。

「ソーシャル ブックマーク」サービスを提供している有名なWebサイトは以下ようです。

一般的に、ブラウザの上部に、ブックマークするためのプラグイン(機能拡張)が用意されているので、既存のブラウザのブックマークとも違和感なく利用できます。

ソーシャル ブックマークのブラウザのボタン

Yahoo!ブックマークは、使用してみれば分かりますが、他のサービスより手間で、とても面倒です。(2008/03/11)

▲ページの先頭に戻る

ブックマーク追加ボタンを、ブログに設置したい

ソーシャル ブックマークは、どんなものか分かったかしら?あるいは、すでにご存知だったかもしれませんね。

それで今回は、「ソーシャル ブックマークを利用しましょう!便利だよ!」という話がしたいわけではなく、自分が運営しているブログ内に、ソーシャル ブックマークのボタン(リンク)を設置したいというお話です。

各「ソーシャル ブックマーク」のコードを調べて、テンプレートに貼り付けようかと思ったのですが、実に面倒くさい。

それに、ブログに設置するときに、場所(スペース)も取ります。5つも6つも配置したら、大変です。

また、省スペースのために、アイコンを小さくすると、ユーザが気付かない可能性があります。

さて、そこで見つけたのが、AddClipsというWebサービスです。なかなか素敵です。

▲ページの先頭に戻る

AddClipsとは?

AddClipsは、ソーシャル ブックマーク追加ボタンの統合サイトです。もちろん、無料で利用できます。

ボタンを1つ設置すれば、主だったソーシャル ブックマークへのリンクが表示されます。現在(2008/03/11)は、21箇所みたいです。

Googleブックマークは、よく分かりません。2007/09/21、新たに「Shared Stuff」というサービスも開始しており、どうなっているものだか???

▲ページの先頭に戻る

AddClipsの導入手順

1:AddClipsへ行く

(01)

AddClipsへ行きます。

(02)

右下のほうにある「AddClipsボタンをつくる」を、クリックします。

AddClipsボタンをつくるをクリック

▲ページの先頭に戻る

2:AddClipsボタン作成

(03)

「AddClipsボタンをつくる」画面が、表示されます。

好きな「ボタンの種類」を選びます。

ボタンの種類を選ぶ

(04)

「サイトの種類」を選びます。

サイトの種類を選ぶ

一般的なウェブサイト(Webサイト)か、あるいはブログかを選びます。次の選択肢があります。

  • ウェブサイト
  • ブログ

ブログの場合は、さらに選択肢が表示されます。あなたが該当するブログサービスを選びます。次の選択肢があります。

  • MovableType
  • Wordpress
  • livedoor Blog
  • FC2 BLOG
  • Seesaa
  • JUGEM
  • 忍者ブログ
  • Blogger
  • その他

(05)

「ボタンの動きとカラー」を選びます。

ボタンの動きとカラー

「マウスオーバー」か、「別ウィンドウ」表示かを選びます。次の選択肢があります。

  • マウスオーバー
  • 別ウィンドウ

「マウスオーバー」を選んだ場合は、「色」も選択します。次の選択肢があります。

(06)

「統計情報の使用」を選びます。

「AddClipsボタンをつくる」をクリックします。

統計情報の使用を選び、AddClipsボタンをつくるをクリック

▲ページの先頭に戻る

3:読み取り許可

(07)

前述(06)の統計情報の使用で「はい(要ログイン)」を選択すると、「ログインする」画面が表示されます。「はてな」もしくは、「livedoor」のアカウントが必要です。

アカウントのある方をクリックします。

アカウントのある方をクリックする

どちらのアカウントも持っていない場合は、登録して戻ってくるか、あきらめて、前述(06)の統計情報の使用で「いいえ」を選択しましょう。

(08)

「ID」と「Password」を入力し、ログインします。

ログインします

(09)

「AddClipsが読み取り許可を要求しています」画面が表示されます。

次の情報を、AddClipsが読み込んでも良いか?を問われています。信頼できるサイトか、注意書きが表示されます。

  • はてなのアカウント名
  • 登録しているプロフィール画像のURL
AddClipsが読み取り許可を要求しています

(10)

「アカウント情報の読み取りを許可する」を、クリックします。

アカウント情報の読み取りを許可するをクリック

読み取り許可については、よく検討しましょう。(統計情報が利用できないだけですから)

(11)

ソースコードが完成したそうです。

ソースコード完成

ソースコードをコピーしましょう。

ソースコードをコピー

▲ページの先頭に戻る

4:テンプレートにソースコードを貼り付け

(12)

あとは、FC2ブログでテンプレートに、ソースコードを貼り付けるだけです。

テンプレートの「記事部分」と「フッター部分」の間に貼り付けると、ちょうど良いと思います。

▲ページの先頭に戻る

次回予告

次回は、文章を書くときのタグ(<p>)について書きます。

▲ページの先頭に戻る

関連記事

FC2ブログに役立つサービスやツールについての記事を、ご紹介します。

▲ページの先頭に戻る

作成日:2008/03/16 更新日:2008/03/16

« 「FC2 Myカウンター作成(2)」|

▲ページの先頭に戻る

コメントありがとうございます。

たくさんある・・・

ソーシャルブックマークってこんなにたくさんあったんですね。
ヤフーとfc2、はてなしか知らなかった!
うん、確かにヤフーのは使いにくいというか手間ですね。


ブックマークボタンみつけたので、マウスオーバーしてみたらいっぱい出てきました。
すごい〜
で、これの中から自分が利用してるサービスを選んでブクマする、って感じなんですね。

便利。
自分も使ってみたいな。ソーシャルブクマのサービスは全然利用してないから
何か利用したいところです。

▲ページの先頭に戻る

ブクマ

ひろこさん、こんばんは。

海外のものも入っているみたいです。
実際もっと多いのかもしれませぬ。
キャプ画を表示してくれるようなところもあったような気がするよ。

マウスオーバ表示と、別ウィンドウ表示があるのさ!(・∀・)
整理され過ぎて、誰も気付かないような・・・どなんやろ。

あー、ブクマされるような記事が書きたいッス。

▲ページの先頭に戻る

こんばんは!

このブックマークボタンもの凄〜く気になっていたんです^^
AddClipsで入手できるのですね!
早速行って来ます♪

とても参考になりました!!!

Googleさんちょっとおかいしいですね?
私のほうは今表示されたみたいですが、、、

▲ページの先頭に戻る

Google先生

ichimarugo-いちまるごさん、こんばんは。

気になっていたのなら、言ってくれればいいのにーん。ニンニン。

Google先生、戻りましたね。
1時間近く使えない状況って、はじめてじゃないかしら。

Googleの障害を、Googleで調べようとしたのは内緒です。
気付くのに数秒かかりました。(´Д`)トホホ

▲ページの先頭に戻る

KumaCrowさん。 こんばんは。

ほぼ毎日見せていただいてるのですが、私の頭では理解できないことばかりで、
コメントを書かれてるのを見ても、皆さんすごい方ばかりで、
ずっとコメントを入れるのもためらっていました。 
可愛い熊さんも欲しいけど、それもできない。
今、特に思考回路がぐちゃぐちゃで、理解する努力もできません。
だからブログも、全く扱ってなく、ただだらだら書いてるだけ。

せっかく買った写真も結局まだ1枚も撮ってなく、なんだかなあ〜の日々です。
ボールと戯れてるだけの毎日です。

せっかくステキなKumaCrow先生にめぐり合えたのに、
教えてくださることを実行できなくて、ごめんなさい。
ぽちだけさせてもらってます。
いつも、コメント入れてくださってありがとうございます。
とっても嬉しいです(*^_^*)
今日は、だから、ここを見てることと、ありがとうをいいたくて、
思い切ってコメントに入れさせてもらいました。
ごめんなさい、他の方のような建設的なコメントではなくて。
いつも応援しています。 
いつの日か、きっと、1からお勉強させていただきます!

▲ページの先頭に戻る

こんばんは!

こちらの記事を参考に今ほどやっとブックマークボタンを設置しました^^
とても参考になりました!

ありがとうございました!!!

▲ページの先頭に戻る

おもしろい記事

tearful rinkoさん、こんばんは。

あーそうですねー、
ここのところ、ちょっとうちのブログにしては、
難しめの内容が続いているかも。

気を付けないといけないですね。
ご指摘ありがとうございます。(・∀・)

おもしろい記事を増やしたいんですけれど、
おもしろいのが一番難しいんですよね〜。

コメントをたくさんもらえるようなブログにしたいのだけれど、
なかなか、難しいッス。

その点、rinkoさんのブログは、
コメントがいっぱい付いていいですよ!

それだけ、内容に意味があるってことなんじゃないかな。
だらだらなんてこと、ないんじゃないかな。

rinkoさんのブログを読んで、
癒(いや)されて帰っていく人たちがいることって、
とても書き手としては、幸せなことなんじゃないだろうか。

頑張っているじゃないですか。ねー、rinkoさん。
すでに頑張っているのだから、頑張り過ぎないようにしなきゃ。

私は、人間的にも、技術的にも、もろもろまだまだ未熟ですので、
これからも、ご指導ご鞭撻(べんたつ)いただければと思います。

こちらこそ、いつもコメントありがとうございます。
とても、エネルギーになっています。(o^-')b

▲ページの先頭に戻る

AddClips

ichimarugo-いちまるごさん、こんばんは。

ほんとだ、AddClipsが入っていますね。

ブクマを試してみようかと思ったのですが、
すでに、自分が持っているIDのところは、
すべてブクマしているのよね。(´Д`)ホホホ
増やそうかな。

お疲れ様でした。(・∀・)

▲ページの先頭に戻る

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/242-fdcb8518

ブクマボタンつけたよ!

猫って気づけば寝てる でもたったままはさすがに寝ないか・・・ KumaCrowさんの、ブログが作りたい!のブックマークボタンの設置の記事で...

 | トップページ | 

Google AdSense 広告

Google AdSenseの最適化は、できていますか?

Google AdSenseの最適化(1)開始方法 : 最適化の基本

SEO対策

RSSフィード

Google Analytics

おすすめの本

できる100ワザ Google Analytics SEO &SEM を極めるアクセス解析ノウハウ

書評を読む

画像をクリックするとAmazonさんへ飛びます。

By FC2ブログ

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

ブログ作成情報

最近のコメント

GIMP

デジカメ

ブログのディレクトリ登録

ブログランキング

FC2ブログランキング
にほんブログ村 ブログブログ ブログ初心者
人気ブログランキング

ありがとうございます。
Good luck!
あなたに幸運がありますように☆

FC2カウンター

ご紹介

Google AdSenseを、
はじめてみませんか?

Google AdSenseとは?

ブログに設置することで、
広告収入が得られます。

月別アーカイブ

最近のトラックバック