Beauty Salon α-BET (alphabet)

space001
Blender3d Collada dae modeling Use Papervision3d on Progression3 and 4 http://a-bet.secret.jp/#/access
more whaison works.
whaison space
space002
http://whaison.jugem.jp/ https://jp.pinterest.com/whaison/ https://www.instagram.com/whaison/ https://whaison.amebaownd.com/
https://suzuri.jp/whaison
http://whaison.blogspot.com/
http://whaison.tumblr.com/ http://qiita.com/users/whaison http://www.behance.net/whaison https://github.com/whaison/ https://bitbucket.org/whaison http://serato.com/user/whaison http://whaison.hatenablog.jp/

typo memo
http://d.hatena.ne.jp/whaison/


dayNote
http://www.myspace.com/whaison http://ameblo.jp/whaison/ http://blog.crooz.jp/whaison/ http://blog.crooz.jp/whaisoncafe/ http://nenpyo.org/whaison

fulldisk
http://full.shin-gen.jp/
http://whaison.client.jp/
http://www.dclog.jp/whaison/
featured forums.
space004
forum.unity3d.com/

forums.unrealengine.com.

Progression Forum.

FlashDevelop Forum.

Papervision3D Forum.

FlexUserGroup Forum.

SparkProjectForum.





Twitter







Mobile
qrcode
Calendar
SunMonTueWedThuFriSat
  12345
6789101112
13141516171819
20212223242526
2728293031  
<< October 2019 >>
New Entries
Archives
Categories
Recent comment
  • FlashDevelopでフォント埋め込み
    感謝!! (12/24)
  • cocos2d-x-3.0rc0 ,c++ ,cpp でTexturePacker で 吐き出した、plist と png でパラパラアニメーションのコード例
    whaison (04/17)
  • Blender2.67にbvh(web上に2500個以上ころがってる)入れてそのBoneオブジェクトをUnity4.0のmecanimで使う
    whaison (08/19)
  • Apple Dev Center 「Certificates, Identifiers & Profiles」で Adhoc をつくってXCode4.6.1でArchiveしてipaを書き出し
    whaison (04/30)
  • Flash CS6でプロパティーパネルで物理演算のジャンプの高さを設定できるCitrus Engine
    whaison (03/01)
  • 「Flash以外、例えばKinectとか」ON TOKYO (会場:高田馬場4-11-8 Floor 6階 ) 短縮URL http://bit.ly/dI0Bfx
    uka (03/02)
  • App Store Review Guidelines アップル社のアプリ審査基準ガイドライン和訳 Apple が 開発者を悩ませ ユーザーをハッピーにしたいガイドライン。w
    whaison (01/25)
  • Unity3d では ADOBE JAPAN OSAKIで行われたFITC 2010 TOKYOでは、 「iOS用にパブリッシュするためには、フリー版ではなくて、有料版を買ってください。さらに追加のパッケージである、"iOS Package (for Development)"を買ってください」とのことだった。
    whaison (01/25)
  • enjoy Adidas-Futsal-Park
    whaison (01/16)
  • MacBookAir にFlashPlayer入れたらなった。Mac Flash Player 10.1/10.2でUstream などでカメラが認識されないバグそんなときはUstreamProducer!でもなくiPhoneだと直ぐにライブ配信できた
    whaison (01/14)
simple sintax high lighter2.0
space003
SyntaxHighlighter2.0用 の貼り付けコード作成する!
ブログパーツ-BLOG PARTS.
Profile
Links
Recommend
Admin
無料ブログ作成サービス JUGEM
Seach this site
            
2011.01.19 Wednesday
FaceBook の Open Graph protocol を翻訳しときました。

Open Graph protocol


序論

オープンGraphプロトコルは、あなたがウェブページをソーシャルグラフと統合するのを可能にします。 それは現在、本当の世界もののプロフィールを表すウェブページに設計されます--映画、スポーツチーム、有名人、およびレストランのようなもの。 オープンGraphを含むのに、あなたのウェブページでタグ付けをして、あなたのページはFacebookページに同等になります。 これは、ユーザがあなたのページの Likeボタンをクリックすると、接続があなたのページとユーザの間で作られることを意味します。 あなたのページはユーザのプロフィールの「同類と関心」セクションに現れるでしょう、そして、あなたには、ユーザにアップデートを発行する能力があります。 あなたのページは、同じ場所にFacebookページがサイトの周りに現れるのを(例えば、探してください)示すでしょう、そして、あなたはあなたの内容が好きである人々に広告を狙うことができます。 あなたがオープンGraphプロトコルで提供する構造化データはあなたのページがFacebookにどう表されるかを定義します。



使用前に

あなたのウェブページをグラフ物に変えるために、あなたは、オープンGraphプロトコル <メタ>タグと Likeボタンをあなたのウェブページに加える必要があるでしょう。

タグで、あなたはあなたのウェブページに関する構造化された情報を指定できます。 あなたが提供する情報が多ければ多いほど、今日、将来、Facebookの中であなたのウェブが呼び出すより多くの機会の表面を仕上げられることができます。 ここに、映画ページ例があります:

    Here's an example for a movie page:

    <html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:og="http://ogp.me/ns#"
          xmlns:fb="http://www.facebook.com/2008/fbml">
      <head>
        <title>The Rock (1996)</title>
        <meta property="og:title" content="The Rock"/>
        <meta property="og:type" content="movie"/>
        <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
        <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
        <meta property="og:site_name" content="IMDb"/>
        <meta property="fb:admins" content="USER_ID"/>
        <meta property="og:description"
              content="A group of U.S. Marines, under command of
                       a renegade general, take over Alcatraz and
                       threaten San Francisco Bay with biological
                       weapons."/>
        ...
      </head>
      ...
    </html>
    

    The Open Graph protocol defines four required properties:

  • og:title - あなたのオブジェクトのタイトルとしては、"ロック"など、グラフ内に表示されるはずです。
  • og:typeしてください--あなたの物、例えば、「映画」のタイプ。 支持されたタイプに関する全リストを見ます。
  • og:image、グラフの中にあなたの物を表すはずであるイメージURL。 イメージには、少なくとも50pxであることごとに、3:1の最大のアスペクトレシオがなければなりません。 私たちはPNG、JPEG、およびGIF形式を支持します。
  • og:url、永久的なIDとしてグラフ、例えば、 http://www.imdb.com/title/tt0117500/ で使用されるあなたの物の正準なURL。

さらに、私たちは、あなたのページをFacebookに接続するために2つの必須項目を加えるために基本のメタデータを広げました:

  • og:site_name、あなたのサイトへの人間読み込み可能な名前、例えば、"IMDb"。
  • fb:admins or fb:app_id、このページを管理するFacebookユーザIDかFacebook PlatformアプリケーションIDのどちらかのコンマで切り離されたリスト。 fb:adminsと fb:app_idこれは、両方を含める事も可能です。

また、それは、あなたが これらの複合特性と同様に以下の特性を入れることを勧めました。

  • og:description、あなたのページの1〜2文の記述。

ユーザが Likeボタンを使用することであなたのURLが好きであるなら、以下のものと同様のNews Feed小説はFacebookに発行されるでしょう。 og:title リンクog:url と og:site_nameは、自動的にあなたのサイトのドメインを示しながら、表されます:


ユーザのプロフィール、 ogに関して: タイプは、あなたのリンクがどのカテゴリで現れるかを定義します。 og: イメージはイメージサムネイルです。

いくつかの物に関しては、それはレストランのための位置などの追加メタデータを指定する意味になります。 あなたはあなたのウェブページに関して og: あなたとしての前に置かれた特性が追加文脈を提供したがっている同じくらい多くを加えることができます。 他の特性の分野に関してもう少し学んでください。


Likeボタンを
加えます。

ウェブページでいったんメタタグを構成すると、あなたは、現在、このページに関連づけられた Likeボタンを加えることができます。 <iframe>で単にLikeボタンを加えることができますか、またはあなたは <fbに JavaScript SDKを使用できます:>XFBMLは以下にタグ付けをします。

<fb:href=" http://developers.facebook.com/ " width="450" height="80"/>
 

追加Likeボタンのオプションに関して学びにここに行ってください。 ここに、オープンGraphによって可能にされたページサンプルLikeボタンがあります:

また、あなたはHTMLの線で多くの 社会的なプラグインのいずれもサイトに追加できます。


では確認
してください。

あなたが正しく <メタ>タグをページに置くのを保証する多くのツールがあります。

  • 私たちがLikeボタンに使用する同じコードと他のオープンGraphプロトコル消費を使用する公式の Facebook URL Linter。 したがって、生産でそれを這うとき、私たちがどうあなたのページを扱うつもりであるかに関してそれは可能な限り近いマッチをあなたに与えます。
  • opengraphprotocol.orgには、プロトコルを消費するための多くの共同体ツールがあります。


ページの アドミニストレーション

あなたのページを管理するために、あなたは、あなたのFacebookアカウントかあなたの Facebook Platformアプリケーションのどちらかにそれを関連づける必要があります。 ユーザアカウントとFacebook Platform Applicationの両方にあなたのページを関連づけるのは、有効です。

追加の資産 fb:adminsは、ページを関連づけるために、あなたのFacebookと共に、説明して、加えています:

<meta property="fb:admins" content="USER_ID1,USER_ID2"/>

それぞれの記載されたユーザは、アドミンとして承認されるためにURLの上をLikeをクリックしなければなりません。 これは、彼らの同意なしでユーザが人工のアドミンであることを防ぐためのものです。

いくつかのサイトには、数百かオープンGraphプロトコルメタデータがある何千ページもあるかもしれません。 多くのページでサイトを扱うために、あなたはFacebook Platformアプリケーションにページをリンクできます。 これは、あなたがプログラムに基づいて流れのアップデートをページに発行するのを可能にするでしょう。 FacebookアプリケーションIDにページを接続するには、 fb:app_idの特性、:

<meta property="fb:app_id" content="1234567"/>


メタタグを
編集します。

あなたは、あなたのページの <メタ>タグをアップデートすることによって、あなたのページの属性をアップデートできます。 その ogに注意してください: og:titleとog:typeは初めは、編集可能であるだけです--あなたのページが50人の同類を受けた後に、タイトルは修理されるようになります、そして、あなたのページが1万人の同類を受けた後に、タイプは、修理されるようになります。 これらの特性は、ページが既に好きであった驚異的なユーザを避けるために修理されています。 これらの限界に達した後に、タイトルかタイプタグを変える場合、何もしないで、あなたのページは原題とタイプを保有します。

変化がFacebookに反映されるために、あなたはページを強制的にこすり落とさせなければなりません。 ページ単位でアドミンがLikeボタンをクリックするか、またはURLが Facebook URL Linterに入れられるとき、ページはこすり落とされます。 あなたはページをcURL'ingによってプログラムに基づいて強制的に廃止させられることができます。地毛。 例えば:

 curl http://developers.facebook.com/tools/lint/?url={YOUR_URL}&format=json 


発行します。

あなたは、まさしく Facebookページで発行できるように、あなたのページが好きであったユーザに流れのアップデートを発行できます。 出版インタフェースを始める2つの方法があります:

  • あなたのウェブページから、Likeボタンの横でAdminページをクリックします。
  • Facebookから、Accountタブの下をManageページをクリックしてください、そして、次に、あなたのページ名の横でGo Toページをクリックします。

あなたはあなたがあなた自身の壁からFacebookポストを書く同じように話をユーザに発表できます: 言うスクリーンの上部でPublisher、分野をタイプするのによる、「何があなたの心にありますか?」 話はあなたのウェブページをLikeボタンをクリックしただれのNews Feedに現れます。

fb:app_idメタタグ、あなたはあなたのページが Graph APIを通して好きであったユーザにアップデートを発行できます。 まず最初に、あなたは、あなたのアプリケーションのためにアクセス象徴を手に入れる必要があります。 これを得ることができます。

curl -F type=client_cred ¥
 -F client_id=your_app_id ¥
 -F client_secret=your_app_secret ¥
 https://graph.facebook.com/oauth/access_token

このアクセス象徴とあなたのページのURLを使用して、あなたはAPIを通してユーザに発行できます。

curl -F 'access_token=...' ¥
 -F 'message=Hello Likers' ¥
 -F 'id=http://www.myopengraphpage.com/page1.html' ¥
 https://graph.facebook.com/feed 


お勧めの
メタデータ

多くのプロフィールページが持っている情報の2つの一般的な断片が、位置と問い合わせ先です。 以下に、あなたがメタデータとしてどうこの情報を提供できるかの例があります。

位置

これはあなたのページが本当の世界の位置があるビジネスプロフィールか他の何かに関するものであれば役に立ちます。 あなたは緯度と経度か、完全なアドレスか、両方を通して位置を指定できます。 例えば:

<html xmlns:og="http://ogp.me/ns#">
<head>
...
[REQUIRED TAGS]
<meta property="og:latitude" content="37.416343"/>
<meta property="og:longitude" content="-122.153013"/>
<meta property="og:street-address" content="1601 S California Ave"/>
<meta property="og:locality" content="Palo Alto"/>
<meta property="og:region" content="CA"/>
<meta property="og:postal-code" content="94304"/>
<meta property="og:country-name" content="USA"/>
...
</head>
HTMLtagConvertor

問い合わせ先

あなたのページが連絡できる実体に関するものであれば問い合わせ先を含んでいると考えてください。 例えば:

<html xmlns:og="http://ogp.me/ns#">
<head>
...
[REQUIRED TAGS]
<meta property="og:email" content="me@example.com"/>
<meta property="og:phone_number" content="650-123-4567"/>
<meta property="og:fax_number" content="+1-415-123-4567"/>
...
</head>

オブジェクト・
タイプ

Facebookは現在、以下のオブジェクト・タイプを支持します。 それらは、 ogを使用することで指定されます: 特性をタイプしてください。

例えば:

<meta property="og:type" content="athlete" />

オープンGraphプロトコルが現在現実の物をサポートするように設計されることに注意してください。 あなたのURLが満足するニュース記事、写真、ビデオなどのように、同様の断片であれば-- og:typeを設定するべきですしてください(以下を見てください)。 タイプ 記事のページは、出版権を持たないで、またそれらが本当の世界物でないので、ユーザのプロフィールの上に現れないでしょう。

活動

  • 活動
  • スポーツ

ビジネス

  • バー
  • 会社
  • カフェ
  • ホテル
  • レストラン

グループ

  • 原因
  • スポーツ_リーグ
  • スポーツ_チーム

組織

  • バンド
  • 政府
  • 非_の利益
  • 学校
  • 大学

人々

  • 俳優
  • 運動選手
  • 作者
  • ディレクター
  • ミュージシャン
  • 政治家
  • 公共の_数値

場所

  • 都市
  • 目印
  • 状態_州

製品とエンターテインメント

  • アルバム
  • 飲み物
  • 食物
  • ゲーム
  • 製品
  • 映画
  • tv_ショー

UPCコードかISBN番号を持っている製品として、あなたは、 ogを使用することでそれらを指定できます: upcog: isbnの特性。 これらの特性は、製品を特定するのを唯一助けます。

ウェブサイト

  • ブログ
  • ウェブサイト
  • 記事

ニュース記事、ブログ投稿、写真、ビデオなどの一時的な内容を表すあらゆるURLに 記事を使用してください。 このために ウェブサイトを使用しないでください。 ウェブサイトと ブログは、全体のサイトを表すように設計されています、 og:type は通常、 ウェブサイトか ブログがドメインの根で見えるだけであるべきであるタイプでタグをタイプしてください。

あなたの物が上のタイプのひとりに収まらないなら、あなたはあなた自身のタイプを指定できます。 これはFacebookの のタイプとして表されるでしょう。 私たちは、最も一般的に使用されたタイプをモニターして、完全に支持された og:type に彼らに目盛りを付けるつもりです。 あなたがあなた自身のタイプを指定しているなら、私たちは、あなたがあなた自身の名前空間を使用することを勧めます。 例えば、あなたがmoviesite.comであり、あなたがするディレクターとしてあなたのサイトにURLをマークしたいなら:

| whaison | socialNetworkService | 12:51 | comments(0) | trackbacks(0) | pookmark |
Comment




whaisonStudyNoteBook をFaceBookで いいね!





Share |









Trackback
URL : http://whaison.jugem.jp/trackback/408