ブログ
2011年
2月
12日
土
Facebookノート連携確認投稿
Facebookのノートには、インポート機能というものがあって
それを使えば、Facebookの ノート に、
このブログ記事のRSSデータが反映されて
自動的に、ここに書いたものがフェイスブックのノート上に
表示される仕組みになっています。
ただしかし、直接にノートに記述する場合には
わずかな装飾しか出来ずに、残念ながらHTMLタグは反映しません。
私としては、
こんな感じの「テキストエリア」をノート上に表示したいのですが、
このブログ上ではHTMLが使えるから、それは可能です。
で、何がしたいかというと
FBMLタグの使い方を、フェイスブックページ上で行いたい場合、
作成出来るFBMLタブの数は上限5つまで・・・と限りがあるために、
テキストエリア表示で紹介出来るタグの数が限られてきます。
だったら、ノートにブログ記事が反映するのなら、
ブログ記事上にそれを実現させていれば、
もしかして、それがノートにも反映しないかな?
・・・・との素人考え?www
で、この記事を書いてみます。
テスト1.
◆フェイスブック上(Facebookページ上)に、USTREAMを貼り付けるFBMLタグ。
1.USTREAMのページで「埋め込み」のタブをクリックする。
2.一番上にある「ライブビデオはどこにでも埋め込めます!」部分のタグを
とりあえずメモ帳などにコピーする
3.取り出した埋め込みソースの例。
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv88172">
<param name="flashvars" value="autoplay=false&brand=embed&cid=4390471&locale=ja_JP&v3=1"/><param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/>
<embed flashvars="autoplay=false&brand=embed&cid=4390471&locale=ja_JP&v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv88172" name="utv_n_280046" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /></object><br />
<a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">Live video chat by Ustream</a>
この中で必要な部分は、赤の強調文字で示した部分が必要となります。
ただし、 flashvars="***" で囲まれた部分の 本来「&」の表示部分は
特殊文字コードである「&」に置き換わってしまっているので、
その部分の文字列に関しては、全て「&」に置き換えておきましょう。
そうした上で、
swfファイルのアドレス + ? + flashvars="ここの部分" を足せば
必要なアドレスが取り出せます。
サイズ指定の部分は、横幅 480 高さ 296 ですが
FBMLページの最大横幅は 520 ピクセルですので、
縦横を同じ比率で拡大させると、横幅 520 高さ 321 となります。
◆上記で得られたソースを、FBMLタグへ割付します。
FBMLでは、以下の様式で記述すれば反映されます。
※事前に、表示させる動画サイズと同等の画像ファイルを作成しておいて
(配信画面をキャプチャー保存して、サイズを合わせても可)
それをアルバムなどに投稿し、画像のURL(※1)を取得しておいて下さい。
【FBMLへ反映させるための書式】
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"swfsrc='http://www.ustream.tv/flash/viewer.swf?autoplay=false&brand=embed&cid=自分のID&locale=ja_JP&v3=1'imgsrc='ここに※1の画像のURL)'width='520'height='321'/>
では、上記を取得した書式に、取得したソースを当てはめてみましょう。
これにご自身のcidや画像のURLを代入すれば、
USTREAMのストリーム動画が、FBMLタブ上で配信可能となります。
頑張って下さい♪
◆さてさて・・・これが、どうノートに反映するかだ・・・・。
単なる文字列だけが反映される可能性が大・・・だがwwww
2010年
12月
13日
月
こっちにもブログ作っておこうか・・・
さて、本家のYahooブログが全然更新出来て無いっていうのに
こっちでブログを書き始めたら、
うちのブログの読者さん、怒るかもしれないな・・・(汗;
とか思いつつ、このJimdoのサイトのあまりの便利さに、
一応こちらでもブログを立ち上げるだけは立ち上げておこう。
もう一つ、有料で借りているロリポブログの方は
ホンマに全く使っていない状態で
もう少しすると、旧ロリポブログは全て削除されるらしいんだが
さて、あっちはどうするべか・・・・(新規に移動出来るらしいが・・)
◆で、例えばここだと、以下のようなブログパーツも
Yahooブログと違ってタグの制限が無いので
本当に簡単に貼れちゃうんですよねぇ・・・・。
(あれ?Twitpicのブログパーツが表示しない・・・)
ブログパーツ置き場とか作り出したら、
ほんまに際限なくブログ記事が作れそうだわwww
◆追記◆
こちらのブログを、Facebookノートと連携(インポート)してみました。
で、その上、この文章を付加(つまり修正)してみて
これがそのノートに反映されるかどうかのテスト。
↑ ブログ記事にもシェアボタンが利用出来るんですね。凄い・・・。