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

Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by 　　　　　　　　　　　　　　　　 .

Custom Open Graph 対応 Facebook アプリ

「 R25 ソーシャルリーダー」の紹介

Noriaki Uchiyama

04/13/20231


自己紹介

• 内山紀明（うちやまのりあき）– 株式会社リクルート– 株式会社 Media Shakers

• Heroku + Rails + jQuery– Lokka でブログ書いてます

http://blog.noriaki.me

04/13/20232

@noriaki

noriaki.uchiyama

写真アッ

プ

タグ付け

Welcom

e!

http://twitter.com/noriaki

http://twitter.com/noriaki

http://www.facebook.com/noriaki.uchiyama

http://www.facebook.com/noriaki.uchiyama


『 R25 』のクロスメディア展開

04/13/20233

リアル

もネット

も

東名阪55 万部発行

4,000 万PV/ 月

計 125 万 DL超


『 R25 』 on Facebook

04/13/20234

新着記事がウォールに

今日のオススメ記事クエスチョ

ン

ファン数12 万人くらい

本誌内容を事前にお知らせ

「今日の一言」

R25 のコンテンツをフル活用！


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


『 R25 ソーシャルリーダー』

04/13/20236

あなたへ記事をオススメ！

R25 の記事が読める

友達の読んだ記事が分かる

簡単にシェアできる


あなたにオススメの記事

• 「興味関心の近い友人」と「関連度の高い記事」を各ユーザ毎にオススメする独自アルゴリズムを開発– RPS (Relevance People Score)

• 友人との興味関心の類似度合いを表すスコア– RAS (Relevance Article Score)

• RPS を使った記事同士の類似度合いを表すスコア

• データをキャッシュするタイミングとキャッシュデータを更新するタイミングがポイント

04/13/20237

ソーシャル特有のデータを使った機能が効果的


Custom Open Graph 対応完了したよ

• ( たぶん ) 日本で初めて Custom Open Graph に対応した Facebook Canvas アプリになりました– 2/9 に申請して 2/15 に承認されたよ（約 1 週間）

04/13/20238

結果は普通にNotificationで

ユーザ数とかPV 数とか


Custom Open Graph 「 Read 」 Action

• 「記事 (Article) 」を「読む (Read) 」

04/13/20239

Custom Open Graph で友達と読んだ記事を共有

「自分が読んだ記事」「仲の良い友達が読んだ記事」　からオススメ記事


Custom Open Graph 「 Highlight 」 Action

• 「記事 (Article) 」のテキストに「蛍光ペンを引く (Highlight) 」

• 「記事 (Article) 」の画像に「付箋を貼る (Highlight) 」

04/13/202310

自分が興味を持ってる部分友達が興味を持ってる部分


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


クレイル (CREYLE) の紹介

04/13/202312

ソーシャルメディア・マーケティング・プラットフォーム「クレイル (CREYLE) 」

http://creyle.jp/

「いいね！」を集めるノウハウ

リクルートのソーシャル関連開発

http://creyle.jp/

Copyright (c) 2012 Noriaki Uchiyama. All Rights Reserved.Media Produced by 　　　　　　　　　　　　　　　　 . 04/13/2023

13

ご静聴ありがとう！

Technology

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