第1回渋谷Facebookアプリ勉強会 R25ソーシャルリーダーのご紹介
-
Upload
noriaki-uchiyama -
Category
Technology
-
view
1.692 -
download
4
Transcript of 第1回渋谷Facebookアプリ勉強会 R25ソーシャルリーダーのご紹介
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
Custom Open Graph 対応 Facebook アプリ
「 R25 ソーシャルリーダー」の紹介
Noriaki Uchiyama
04/13/20231
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
自己紹介
• 内山 紀明(うちやま のりあき)– 株式会社リクルート– 株式会社 Media Shakers
• Heroku + Rails + jQuery– Lokka でブログ書いてます
http://blog.noriaki.me
04/13/20232
@noriaki
noriaki.uchiyama
写真アッ
プ
タグ付け
Welcom
e!
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
『 R25 』のクロスメディア展開
04/13/20233
リアル
もネット
も
東名阪55 万部発行
4,000 万PV/ 月
計 125 万 DL超
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
『 R25 』 on Facebook
04/13/20234
新着記事がウォールに
今日のオススメ記事クエスチョ
ン
ファン数12 万人くらい
本誌内容を事前にお知らせ
「今日の一言」
R25 のコンテンツをフル活用!
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
Open Graph ? Facebook アプリ? 整理してみよう
• Facebook との連携はいろんなアプローチがある
• R25 では「 Facebook Canvas アプリ」を選択
04/13/20235
Web サイト
Open Graph (Protocol)
Facebookページ
Canvasアプリ
Custom Open Graph
Social Plug-in
Tabアプリ
Graph API
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
『 R25 ソーシャルリーダー』
04/13/20236
あなたへ記事をオススメ!
R25 の記事が読める
友達の読んだ記事が分かる
簡単にシェアできる
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
あなたにオススメの記事
• 「興味関心の近い友人」と「関連度の高い記事」を各ユーザ毎にオススメする独自アルゴリズムを開発– RPS (Relevance People Score)
• 友人との興味関心の類似度合いを表すスコア– RAS (Relevance Article Score)
• RPS を使った記事同士の類似度合いを表すスコア
• データをキャッシュするタイミングとキャッシュデータを更新するタイミングがポイント
04/13/20237
ソーシャル特有のデータを使った機能が効果的
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
Custom Open Graph 対応完了したよ
• ( たぶん ) 日本で初めて Custom Open Graph に対応した Facebook Canvas アプリになりました– 2/9 に申請して 2/15 に承認されたよ(約 1 週間)
04/13/20238
結果は普通にNotificationで
ユーザ数とかPV 数とか
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
Custom Open Graph 「 Read 」 Action
• 「記事 (Article) 」を「読む (Read) 」
04/13/20239
Custom Open Graph で友達と読んだ記事を共有
「自分が読んだ記事」「仲の良い友達が読んだ記事」 からオススメ記事
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
Custom Open Graph 「 Highlight 」 Action
• 「記事 (Article) 」のテキストに「蛍光ペンを引く (Highlight) 」
• 「記事 (Article) 」の画像に「付箋を貼る (Highlight) 」
04/13/202310
自分が興味を持ってる部分友達が興味を持ってる部分
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
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.
• 多言語対応– 「アプリケーションを翻訳」っていう
ツールが提供されてる
04/13/202311
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by .
クレイル (CREYLE) の紹介
04/13/202312
ソーシャルメディア・マーケティング・プラットフォーム「クレイル (CREYLE) 」
http://creyle.jp/
「いいね!」を集めるノウハウ
リクルートのソーシャル関連開発
Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by . 04/13/2023
13
ご静聴ありがとう!