プロフィール

@uragoe こと、OYAJIです。

Facebookノート連携確認投稿

Facebookのノートには、インポート機能というものがあって

それを使えば、Facebookの ノート に、

このブログ記事のRSSデータが反映されて

自動的に、ここに書いたものがフェイスブックのノート上に

表示される仕組みになっています。

 

 

※Facebookのインポートのヘルプ

 

ただしかし、直接にノートに記述する場合には

わずかな装飾しか出来ずに、残念ながら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&amp;brand=embed&amp;cid=4390471&amp;locale=ja_JP&amp;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&amp;brand=embed&amp;cid=4390471&amp;locale=ja_JP&amp;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="***" で囲まれた部分の 本来「&」の表示部分は

特殊文字コードである「&amp;」に置き換わってしまっているので、

その部分の文字列に関しては、全て「&」に置き換えておきましょう。

 

そうした上で、

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