Présentation Facebook Developer Garage Toulouse - Facebook like

13
Facebook Likes Facebook Developer Garage Toulouse La Cantine Toulouse - 27 juin 2011

description

 

Transcript of Présentation Facebook Developer Garage Toulouse - Facebook like

Page 1: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook LikesFacebook Developer Garage ToulouseLa Cantine Toulouse - 27 juin 2011

Page 2: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Introduction

• Lionel Tressens

• Chef des projets OverBlog et Wikio Experts

• Facebook Like implémenté depuis 2008 sur ces projets

Page 3: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Plan

• De la bonne implémentation du bouton Like

• Insights

• « Push to likers »

Page 4: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

De la bonne implémentation du bouton Like

• iframe ou FBML• Sans les tags OpenGraph, l’intérêt est limité

<html xmlns:og="http://ogp.me/ns#">[...]<meta property="og:site_name" content="..."/><meta property="og:title" content="..."/><meta property="og:type" content="..."/><meta property="og:image" content="..."/><meta property="og:url" content="..."/><meta property="og:description" content="..."/>[...]<iframe src="http://www.facebook.com/plugins/like.php?layout=standard&show-faces=true &width=530&height=60&action=like&colorscheme=light&font=lucida+grande &href=..." frameborder="0" scrolling="no" allowtransparency="true"></iframe>

Page 5: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

De la bonne implémentation du bouton Like

• Vérifier avec le linter Facebook

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

{ "info": [ {"type":"Type","message":"..."}, {"type":"Description","message":"..."}, {"type":"Image","message":"..."}, {"type":"Page ID","message":0}, {"type":"Title","message":"..."}, ...}

Page 6: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

De la bonne implémentation du bouton Like

• Vous contrôlez l’apparence des « stories » sur les murs des likers

Page 7: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Insights

• Déclarer les administrateurs d’une page

<html xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">[...]<meta property="fb:admins" content="111,222,333"/>

http://www.facebook.com/profile.php?id=10464138487http://graph.facebook.com/lionel.tressens

• Déterminer les ids des utilisateurs

Page 8: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Insights

• Accès aux insights pour les administrateurs de la page

Page 9: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Insights

Page 10: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

« Push to Likers »

• Chacune de vos pages peut publier sur les murs des Likers

Page 11: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

« Push to Likers »

• Vous pouvez automatiser cela en créant une application FBhttps://www.facebook.com/developers

• Vous obtenez un App Id, App Secret, API Key<meta property="fb:app_id" content="154019738001730"/>

• Demander un jeton d’accès

curl -F type=client_cred -F client_id=154019738001730 -F client_secret=7d5fd4fc9302c02e516b1c7f2c4f79a9 https://graph.facebook.com/oauth/access_token

154019738001730|zBLNtp19HR3UPlpR04R8BMM0bqX

Page 12: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

« Push to Likers »

• Et enfin vous publiez curl -F 'access_token=154019738001730|zBLNtp19HR3UPlR04R8BMM0bqX' -F 'message=Le Facebook Developer Garage de Toulouse se prepare' -F 'id=154776017926767'https://graph.facebook.com/feed

Page 13: Présentation Facebook Developer Garage Toulouse - Facebook like

Facebook Likes

Merci

• Des questions ?

• Twitter : @ltr