第1回渋谷Facebookアプリ勉強会 R25ソーシャルリーダーのご紹介

2,055 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,055
On SlideShare
0
From Embeds
0
Number of Embeds
267
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

第1回渋谷Facebookアプリ勉強会 R25ソーシャルリーダーのご紹介

  1. 1. Custom Open Graph 対応 Facebook アプリ 「R25ソーシャルリーダー」の紹介 Noriaki Uchiyama Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 1 Media Produced by . 2012/2/23
  2. 2. 自己紹介• 内山 紀明(うちやま のりあき) タ写 Welcome! – 株式会社リクルート グ真 ア – 株式会社Media Shakers 付ッ けプ• Heroku + Rails + jQuery – Lokkaでブログ書いてます http://blog.noriaki.me @noriaki noriaki.uchiyama Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 2 Media Produced by . 2012/2/23
  3. 3. 『R25』のクロスメディア展開 4,000万PV/月 東名阪 55万部発行 ネリ 計125万DL超 ッア トル もも Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 3 Media Produced by . 2012/2/23
  4. 4. 『R25』on Facebook 新着記事が ウォールに 今日の オススメ記事 クエスチョン 本誌内容を 事前にお知らせ 「今日の一言」 ファン数 R25のコンテンツ 12万人くらい をフル活用! Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 4 Media Produced by . 2012/2/23
  5. 5. Open Graph?Facebookアプリ? 整理してみよう• Facebookとの連携はいろんなアプローチがある• R25では「Facebook Canvasアプリ」を選択 Tab Custom Social アプリ Open Graph Plug-in Canvas Facebook アプリ ページ Open Graph (Protocol) Graph API Webサイト Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 5 Media Produced by . 2012/2/23
  6. 6. 『R25ソーシャルリーダー』 あなたへ記事 をオススメ! R25の 記事が読める 友達の読んだ 記事が分かる 簡単に シェアできる Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 6 Media Produced by . 2012/2/23
  7. 7. あなたにオススメの記事• 「興味関心の近い友人」と「関連度の高い記事」を各 ユーザ毎にオススメする独自アルゴリズムを開発 – RPS (Relevance People Score) • 友人との興味関心の類似度合いを表すスコア – RAS (Relevance Article Score) • RPSを使った記事同士の類似度合いを表すスコア• データをキャッシュするタイミングと キャッシュデータを更新するタイミング がポイント ソーシャル特有のデータ を使った機能が効果的 Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 7 Media Produced by . 2012/2/23
  8. 8. Custom Open Graph対応完了したよ• (たぶん)日本で初めてCustom Open Graphに対応 したFacebook Canvas アプリになりました – 2/9に申請して2/15に承認されたよ(約1週間) 結果は普通に Notificationで ユーザ数とか PV数とか Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 8 Media Produced by . 2012/2/23
  9. 9. Custom Open Graph「Read」Action • 「記事(Article)」を 「読む(Read)」 Custom Open Graph で 友達と読んだ記事を共有 「自分が読んだ記事」 「仲の良い友達が読んだ記事」 からオススメ記事 Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 9 Media Produced by . 2012/2/23
  10. 10. Custom Open Graph「Highlight」Action • 「記事(Article)」のテキストに 「蛍光ペンを引く(Highlight)」 • 「記事(Article)」の画像に 「付箋を貼る(Highlight)」 自分が興味を持ってる部分 友達が興味を持ってる部分 Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 10 Media Produced by . 2012/2/23
  11. 11. Custom Open Graph開発のカンドコロ• apps.facebook.com? – Open Graph Actionを発生させるときの Object URLには、Facebook Canvas アプリドメイン(apps.facebook.com)は使えない(当時)• Objectの更新に注意 – FacebookはOpen Graph Protocolを強力にキャッシュするので、Objectが更 新されたらLinter APIを呼ぶ https://developers.facebook.com/docs/beta/opengraph/objects/#update• 申請ってどうやるの – 英語!ちなみにこんな感じで申請したよ when a user select the part of article(text or visual) and click the highlight button, the part is regarded as highlighted.• 多言語対応 – 「アプリケーションを翻訳」っていう ツールが提供されてる Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 11 Media Produced by . 2012/2/23
  12. 12. クレイル(CREYLE)の紹介 「いいね!」 を集めるノウハウ リクルートの ソーシャル関連開発 ソーシャルメディア・マーケティング・プラットフォーム 「クレイル (CREYLE)」 http://creyle.jp/ Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 12 Media Produced by . 2012/2/23
  13. 13. ご静聴ありがとう!Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved. 13 Media Produced by . 2012/2/23

×