2011年5月11日水曜日

ブログに ” Facebook 『いいね!』 ボタン ” 設置方法を録画で解説

最初に皆さんテストの協力ありがとうございました。(^_-)-☆

SCREENR を使用して動画で Facebook 『いいね!』 ボタン の設置方法 を解説します。
録画投稿が初めてですので心臓が爆です。

尚 SCREENR はデスクトップを録画するサイト。ダウンロードしなくてウェブベースで無料、YouTube、Twitter とも連動して投稿できます。 但し最大5分間しか録画が撮れません。 
従って今日の説明もちょっと早口だったかな?


● SCREENR 大元サイト : http://www.screenr.com/fHj

● 映像内 『いいね!』 ボタン作成サイト (英語) :

http://developers.facebook.com/docs/reference/plugins/like/

テスト結果

<div id="fb-root">
</div>
<script src="http://connect.facebook.net/ja_JP/all.js#appId=218822748143412&amp;xfbml=1">
</script>
<fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font="">
</fb:like>

データ html を以下に修正。

上記ビデオの方法ではなく以下の方法が簡単かな? (注 : 当ブログに限る方法)

<div id="fb-root">
</div>
<script src="http://connect.facebook.net/ja_JP/all.js#appId=227581520590314&amp;xfbml=1">
</script>
<fb:like href=" http://bihoku1979.blogspot.com/2011/05/facebook_11.html " send="true" layout="button_count" width="450" show_faces="true" font="">
</fb:like>

赤色の部分が投稿記事のタイトルを押すとアドレスに表示される個別アドレス。
ご自分の投稿後、投稿記事タイトルを押してアドレスからコピーして、上記赤色部分の
アドレスと差し替えてから、全体をコピーして 『投稿を編集』 の中を『HTMLの編集』にして
投稿記事の一番末尾に貼り付けて、再度 『投稿を公開』 してください。

例 : この投稿記事のアドレス (タイトルを押すとアドレスに以下が表示されます)

http://bihoku1979.blogspot.com/2011/05/facebook_11.html

● テスト 協力願います。

1.フェイスブックをやっていない方で、左下の 『いいね!』 ボタンが押せますか?

2.フェイスブックをやっている方で左下の『いいね!』 ボタンが押せますか?
押した後にあなたのフェイスブックのウォール投稿に変化がありましたか?

以上の件コメントを残せる方はこのブログのコメント欄にコメント願います。



14 コメント:

恭子 さんのコメント...

@しんちゃん

テスト結果
・『いいね!』ボタン押せました
・ウォール投稿変化ありです

(P.S)
きれいな青空、ありがとう!

Shinji さんのコメント...

@ 恭ちゃん 

協力ありがとう。

恭ちゃんのフェイスブックの
ウォールを見に行ったけど
料理の写真とともに以下のメッセージが
載っていたけどあれは恭ちゃんが書いた
メッセじゃないよね。

『私(XX)が、好きだった人・・・・・きゃ~~』

メッセと写真は自動的にああなったのですか?
チョト疑問点だな。。。

この『いいね!』ボタンは
恭ちゃんの個人ブログにも設置ができますよ。
また情報を集めてからお教えしますね。

その他の方からも詳細な報告待ってます。
よろしく。

恭子 さんのコメント...

@しんちゃん

メッセと写真は自動的にああなりました。

『いいね!』ボタン設置できたら
めちゃ、うれしい~
また、しんちゃん、ヨロシクです (^^)v

めーちゃん さんのコメント...

@しんちゃん

「私が好きだった人・・・」です。
恭ちゃんと一緒です。
ず~っと、テストしてるね・・・
ありがとう。

Hiro 岡庭 さんのコメント...

押せました

Shinji さんのコメント...

Hiro さん の 以下の Facebook
ウォール表示が正しのですが。
--------------------------------------------
岡庭 XX さんがリンクについて
「いいね!」と言っています。

愛知県立尾北高等学校 1979年 (昭和54年) 卒業生
同窓会ブログ:Facebook『いいね!』ボタンテスト
--------------------------------------------
自分のウォールにも上記のように表示された
のですが、恭ちゃんとめーちゃんの表示は
バグかランダムにそうなるのか疑問だな。

それではマトメを上記追加編集投稿します。

ken×ken さんのコメント...

ブログログインしてもしなくても
Bloggerログインしてもしなくても
押せない

Facebookログインすれば押せます
ウォールには 出てきます

うめちゃん さんのコメント...

@真ちゃん
 お疲れ様です。。。
 桜から 爽やかな初夏に

 ブログで以前から ”いいね”クリックしていました!
 facebookの 私のホームに 自動的に
 up、みんなのコメントまで 掲載され 
 焦りました(@_@;)

 facebookは、管理厳しいので 私がupした
 画像は、著作権で 削除。。。(音楽で)
 you tubeに upしてから、コピペしたほうが
 いいみたいですね・・・

Hiro 岡庭 さんのコメント...

いいね!の左の✔をポチッとやったらfに変わって押せるようになりました。できなかった人お試しあれ!!

Hiro 岡庭 さんのコメント...

 私()が、好きだった人・・・・・きゃ~~(●^o^●)
がついに、ウォールに登場! しました。ばぐばぐ(~o~)

みのり さんのコメント...

(--〆)押せましたが・・
「Facebookに登録して、ソーシャルプラグインによるパーソナライズされたウェブ環境をお楽しみください。」
の画面とコメントが出ました。

その後どうすればいいものやら???

\(゜ロ\)ココハドコ? (/ロ゜)/アタシハダアレ?

Shinji さんのコメント...

色々フェイスブックをいじくって実験した結果、
入力したURLが異なっていたので皆さんの
ウォールにたまに、
『私(XX)が、好きだった人・・・・・きゃ~~』
が記載されたのでした。
ごめんなさいね。

やはり Facebook に入ってない人は
『いいね!』ボタンを押すと入会を促される
ようになるのですね。

みのりさんのコメントが参考になりました。

みのりさんも Facebook の誘導に導かれて
無事 Facebook に参加されました。

おめでとう! みのり さん。

これからは SCREENR を使って、私のデスクトップ
操作を映像で配信することによって
分かり易い説明ができると思います。(^_-)-☆

Shinji さんのコメント...

映像説明画面内の最後のところで『いいね!』
ボタンを設置してから、既に一名がボタンを押して
いたのは、数回私が設置実験を行ったからです。
実際の設置後の数字は 0(ゼロ)です。

みのり さんのコメント...

@Shinji さん

ありがとでした~(^。^)y-.。o○

おかげで楽しませてもらってますm(__)m

あれこれボタン押し間違えて、ご迷惑をかけてしまうだろう皆様 ・・・前もって ごめんなさいです