Suche senden
Hochladen
外部サイトのFacebook連動
•
6 gefällt mir
•
1,543 views
Hiroshi Kotani
Folgen
ソーシャルメディアドライブ 【Facebookセミナー】東日本大震震災チャリティー 2011/06/11 の資料
Weniger lesen
Mehr lesen
Technologie
Business
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
facebookページ構築勉強会
facebookページ構築勉強会
Mf Takatsuka
Facebookページ資料0316
Facebookページ資料0316
Junji Kumagai
FB投稿分析とパネル調査によるFBページ運営Tips
FB投稿分析とパネル調査によるFBページ運営Tips
Masayoshi Nakamura
【fanpac】facebookページマーケティングパッケージ
【fanpac】facebookページマーケティングパッケージ
Mf Takatsuka
Facebook制作から運用のノウハウ一挙見せます! 告健士郎
Facebook制作から運用のノウハウ一挙見せます! 告健士郎
Kenshiro T
ソーシャルマーケティングとFbアプリ開発の勘所
ソーシャルマーケティングとFbアプリ開発の勘所
Kazuhiro Miyajima
20170208 cmc vol3_opening
20170208 cmc vol3_opening
Hideki Ojima
Cmc meetup vol.3 lt資料【公開版】 _170208
Cmc meetup vol.3 lt資料【公開版】 _170208
MorisakiYasuhiro
Empfohlen
facebookページ構築勉強会
facebookページ構築勉強会
Mf Takatsuka
Facebookページ資料0316
Facebookページ資料0316
Junji Kumagai
FB投稿分析とパネル調査によるFBページ運営Tips
FB投稿分析とパネル調査によるFBページ運営Tips
Masayoshi Nakamura
【fanpac】facebookページマーケティングパッケージ
【fanpac】facebookページマーケティングパッケージ
Mf Takatsuka
Facebook制作から運用のノウハウ一挙見せます! 告健士郎
Facebook制作から運用のノウハウ一挙見せます! 告健士郎
Kenshiro T
ソーシャルマーケティングとFbアプリ開発の勘所
ソーシャルマーケティングとFbアプリ開発の勘所
Kazuhiro Miyajima
20170208 cmc vol3_opening
20170208 cmc vol3_opening
Hideki Ojima
Cmc meetup vol.3 lt資料【公開版】 _170208
Cmc meetup vol.3 lt資料【公開版】 _170208
MorisakiYasuhiro
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
Hiroshi Tsukamoto
ゼロからわかる!Facebookアプリの作り方
ゼロからわかる!Facebookアプリの作り方
Shuichi Takenaka
Discussion for Social WEB Bisiness
Discussion for Social WEB Bisiness
Daisuke Masubuchi
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
Six Apart KK
OGPってなんでしょう?
OGPってなんでしょう?
Reina Okabe
121002seminar j action
121002seminar j action
Shingo Hagiwara
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
Mitch Okamoto
Chatterを使ったカスタムソーシャル
Chatterを使ったカスタムソーシャル
Salesforce Developers Japan
Lekumo ファミリーの製品戦略
Lekumo ファミリーの製品戦略
Six Apart KK
『入門 ソーシャルデータ』9章
『入門 ソーシャルデータ』9章
y torazuka
ブレインズFb企画
ブレインズFb企画
brains co.ltd.
Collaboration Today Japan
Collaboration Today Japan
Atsushi Sato
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Facebookファンページ紹介資料
Facebookファンページ紹介資料
naoto kyo
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
Nanaco Eguchi
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
Webpla LLC.
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
Aloha BRANDING「いいね映像パッケージ」
Aloha BRANDING「いいね映像パッケージ」
アロハ・ブランディング
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
sugiuralab
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
Weitere ähnliche Inhalte
Ähnlich wie 外部サイトのFacebook連動
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
Hiroshi Tsukamoto
ゼロからわかる!Facebookアプリの作り方
ゼロからわかる!Facebookアプリの作り方
Shuichi Takenaka
Discussion for Social WEB Bisiness
Discussion for Social WEB Bisiness
Daisuke Masubuchi
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
Six Apart KK
OGPってなんでしょう?
OGPってなんでしょう?
Reina Okabe
121002seminar j action
121002seminar j action
Shingo Hagiwara
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
Mitch Okamoto
Chatterを使ったカスタムソーシャル
Chatterを使ったカスタムソーシャル
Salesforce Developers Japan
Lekumo ファミリーの製品戦略
Lekumo ファミリーの製品戦略
Six Apart KK
『入門 ソーシャルデータ』9章
『入門 ソーシャルデータ』9章
y torazuka
ブレインズFb企画
ブレインズFb企画
brains co.ltd.
Collaboration Today Japan
Collaboration Today Japan
Atsushi Sato
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Facebookファンページ紹介資料
Facebookファンページ紹介資料
naoto kyo
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
Nanaco Eguchi
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
Webpla LLC.
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
アシアル株式会社
Aloha BRANDING「いいね映像パッケージ」
Aloha BRANDING「いいね映像パッケージ」
アロハ・ブランディング
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Hiroaki Oikawa
Ähnlich wie 外部サイトのFacebook連動
(20)
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
Facebook事例&サービス紹介(2010.9.16セミナープレゼン資料)
ゼロからわかる!Facebookアプリの作り方
ゼロからわかる!Facebookアプリの作り方
Discussion for Social WEB Bisiness
Discussion for Social WEB Bisiness
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
人に読まれて育てる企業オウンドメディアのはじめ方 ~運用7ヶ月を振り返って、現場担当者からのTIP集~
OGPってなんでしょう?
OGPってなんでしょう?
121002seminar j action
121002seminar j action
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
夏サミ2012 [A-2]ソーシャルプラットフォームを使った業務アプリ開発の現場
Chatterを使ったカスタムソーシャル
Chatterを使ったカスタムソーシャル
Lekumo ファミリーの製品戦略
Lekumo ファミリーの製品戦略
『入門 ソーシャルデータ』9章
『入門 ソーシャルデータ』9章
ブレインズFb企画
ブレインズFb企画
Collaboration Today Japan
Collaboration Today Japan
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Facebookファンページ紹介資料
Facebookファンページ紹介資料
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
20120425 セミナー資料「オウンドメディア」株式会社メンバーズエンゲージメントラボ植木
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
[Mautic Conference Global 2022] ソーシャルとグインとソーシャルモニタリング
WordPress APIで作るモバイルアプリ
WordPress APIで作るモバイルアプリ
Aloha BRANDING「いいね映像パッケージ」
Aloha BRANDING「いいね映像パッケージ」
SharePoint 開発でできること 2019年9月版
SharePoint 開発でできること 2019年9月版
Kürzlich hochgeladen
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
sugiuralab
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
sugiuralab
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
Kürzlich hochgeladen
(8)
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
外部サイトのFacebook連動
1.
外部サイトのFacebook連動 Arcam & Partners CTO
小谷 博志
2.
自己紹介
株式会社Dream Bridge 代表取締役 株式会社 代表取締役CEO Arcam & Partners CTO 小谷 博志 • TIS株式会社(システムインテグレーター)という会社で、システム開発に約8 2006年に独立して株式会社 Dream Bridgeを設立。主にベンチャー企業様 年間携わる。 • のECサイト構築などをお手伝い。買取28号という中古商品のAmazon出品 2011年に、Arcam & Partnersという会社にCTOとして参加。 管理サイトを運営。 • アジア × ソーシャルメディア × ポップカルチャー Page 2 Arcam & Partners 2011/6/12
3.
Facebookアプリ開発の要点
Facebook API FaceBook Facebook ページ アプリ開発 アプリ 作成 作成 外部サイト FB連携 Page 3 Arcam & Partners 2011/6/12
4.
Facebook基本機能のおさらい
近況の更新情報 写真や動画の更新情報 基本データの更新情報 • ニュースフィード facebookページ 友達が感心を持ったフィードや 友達が新たにフォローしたユーザー ユーザー自身や友達の投稿が時系列で表示される 面白い出来事を伝えたい! • ウォール 写真を見せたい! お気に入りの記事を紹介したい! お気に入りの店を紹介したい! お気に入りの動画を見せたい! ユーザー自身の近況・写真・リンクの表示場所 ⇒ 大勢に配信するためのもの ⇒特定の人へは、メッセージで。 • Facebookページ ファンとコミュニケーションをとる 企業や個人が独自の情報を発信するページ ファン同士のつながりができる 応対記録が公開されるため、新規フ ァンの獲得が効率よくなる リピーター率が向上する 商品の更新情報などが送れる Page 4 Arcam & Partners 2011/6/12
5.
アプリの利用(RSSとの連携) • RSS Graffiti
というFacebookアプリがオス スメ 課題 ***」といった広告が配信される・・・ ・アメブロなどのブログを利用していると「PR: ・特定の記事だけ、Facebookに配信したい。 ・特定の記事は、ブロックしたい・・・ Yahoo! Pipes を利用しましょう Page 5 Arcam & Partners 2011/6/12
6.
Yahoo! Pipes
デ モ Facebookアカウントでロ グインできます。 http://pipes.yahoo.com/ 例えば、こんなことができます。 • 特定の文字列を含むタイトルのフィードをブロック • 特定の文字列を含むカテゴリのフィードを出力 • 特定の文字列を含むカテゴリのフィードをブロッ ク • 日本語のフィードを英語に翻訳してフィードを出 力 Page 6 Arcam & Partners 2011/6/12
7.
その他のアプリの利用 • ECサイトのデータを表示 • RSSフィードの内容を表示 •
アンケートアプリ • スライドショーの表示 など Page 7 Arcam & Partners 2011/6/12
8.
Facebook API
分類 名称 Core Concept Graph API 何に利用できる? Social Plugins Authentication • ニュースフィード Open Graph Protocol • Facebookページ Advanced API FQL Internationalization API • グループ Ads API Chat API • 「いいね!」ボタン SDK JavaScript SDK • アプリ iOS SDK Android SDK PHP SDK Python SDK Page 8 Arcam & Partners 2011/6/12
9.
Graph APIのデータ確認
デ モ Usernameの部分は、 Idを指定しても同じ 結果になります https://graph.facebook.com/hiroshi.kotani ↓表示される情報 JSONというデータ形式になりま { Facebookアプリとは、このよう す。 "id": "100001945504103", "name": "Hiroshi Kotani", に特定のアドレスにアクセスし "first_name": "Hiroshi", て情報を取得し、加工して表示 "last_name": "Kotani", するものです。 "link": "http://www.facebook.com/hiroshi.kotani", "username": "hiroshi.kotani", "gender": "male", "locale": "ja_JP" } https://graph.facebook.com/hiroshi.kotani/feed 公開範囲を全てに設定していれば、以下のURLでユーザのフィードを取得可能 Page 9 Arcam & Partners 2011/6/12
10.
Facebook API まとめ •
Graph APIにHTTPリクエストを行うことによりFacebookに アクセスできる • Facebookでの操作は、このAPIを使って情報の取得、及 び書き込みや編集を行いコンテンツを作っていく作業 • Facebookと連携したアプリの作成には、大きく二つある Facebookアプリ apps.facebook.comドメイン以下のURLが与えられ、 Facebook内部のフレームに描画 Facebook連携サイト 認証などの機能にFacebookの機能を用いる ソーシャルグラフにアクセスする 「いいね!」ボタンの設置など Page 10 Arcam & Partners 2011/6/12
11.
Social Plugins • いいね!ボタン •
Likeボックス • コメント などなど Page 11 Arcam & Partners 2011/6/12
12.
デ モ 「シェア」ボタン 2011年2月末に「いいね!」ボタンに「シェア」ボタンの機能を追加。 <a
name="fb_share" type="button_count" share_url="http://xxxxxx.com/" href="http://www.facebook.com/sharer.php">Share</a> <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> いいね!にコメント機能の追加。このため、シェアボタンのプラグイン提供を停止 純粋ないいね!の数だけでなく、コメント(シェア)数も合計されていいね!数が 決まる。 コメントが、ポップアップで画面になるのでシェアボタンの方がコメントをもらいや すい Facebook内へのフィードに制限がない!(いいね!ボタンも送信ボタンがついた ので同じ効果がある) Page 12 Arcam & Partners 2011/6/12
13.
Open Graph Protocol
(OGP) • OGPって何? HTMLの追加情報 ウェブページに何が書いてあるか教えるための • 何が出来る? 「いいね!」ボタンや、「シェア」をされるときに、 リンクテキストや画像、ページの内容などを指定 • Facebookだけの規格? できます。 Facebookはもとより、mixiやgreeなども有効。 Page 13 Arcam & Partners 2011/6/12
14.
OGPのサンプル <html xmlns:og="http://ogp.me/ns#">
<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/images/rock.jpg" /> ... </head> ... </html> タグの補足説明 og:type ⇒ Facebookページのタイプと同義 fb:amins ⇒ FBの管理者ID fb:page_id ⇒ FBの管理用ページID fb:app_id ⇒ FBの管理用アプリケーションID Page 14 Arcam & Partners 2011/6/12
15.
OGPのタグの内容確認
デ モ • URLリンターでチェック 表示例(OGP未対応サイト) 表示例( 未対応サイト) 表示例(OGP対応済みサイト) 表示例( 対応済みサイト) Page 15 Arcam & Partners 2011/6/12
16.
ワンランク上のカスタマイズ • Facebook APIを利用して、Facebookアカ
ウントでの自社サイトへのログイン • SDKを利用したカスタマイズ • サードパーティのアプリの利用 • 海外事例 The NEXT WEB Levi’s Friend Store Page 16 Arcam & Partners 2011/6/12
17.
デ モ プロモーション • コンテスト
事前承諾がいらなくなった替りにアプリを用意する必要 がある • セルフブランディング Uniqlooks や、artofthetrench(バーバリー)とかの成功 事例を参考 • クーポン・共同購入 グルーポン系サイトや、Facebookクーポンの利用 ファン専用の独自クーポン発行 規約等には要注意!プロモーションガイドラインの確認 をしてください! Page 17 Arcam & Partners 2011/6/12
18.
弊社のカスタマイズ事例紹介
デ モ • マウスコンピュータ いいね!の数だけ値引き • アーカムブックス OGP、ソーシャルプラグイン • EC-CUBE クラウド サーバ 専用 アプリ ファーストサーバ様のEC-CUBEクラウドサーバ 環境で動作するEC-CUBE連動型アプリ Page 18 Arcam & Partners 2011/6/12
19.
お勧め書籍のご紹介 • 熊坂氏の第二弾の書籍!
(6/10発売) • 日本国内の事例が満載! (弊社の管理するページも載ってますw) • 実際にコンテンツを作る際 の具体的な方法が多彩に 載ってます。 • 6/7に、開始されたばかりの Facebookチケットにも言及 (たぶん日本語本では、この書籍だけ!) Page 19 Arcam & Partners 2011/6/12
20.
ご清聴ありがとうございました Facebook hiroshi.kotani@facebook.com Facebookセ
Arcam & Partners ミナーを各 地方で開催 http://aandp.jp しております。 ドリームブリッジ ECサイト構 http://www.dreambridge.co.jp 築、リユース 買取28号 http://www.kaitori28.jp 商材の販売 支援しており ます。 Page 20 Arcam & Partners 2011/6/12
Jetzt herunterladen