présentation facebook developer garage toulouse - etats des lieux de la plateforme
TRANSCRIPT
www.xprimegroupe.com
FacebookOverview Platform
2
4
Overview
Les outils
Media Animation
Intégration
Standard Ads
Targeting
Native Apps
Ads with Friends
Places
Sponsored Stories
Social Plugins
Credits
Graph API
Deals
Platform
Ads Pages
Custom Apps
Engagement Ads Newsfeed
5
Overview
Le Social Graph… de Futurama
6
Intégration
Social Plugins – JS SDK
Synchrone
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the
session
xfbml : true // parse XFBML
});
</script>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
Asynchrone
7
Intégration
Social Plugins – Like Button
The Ultimate Like Button
XFBML
Inclusion du SDK Javascript dans le site
Send button
Show Faces
Bien choisir Like ou Recommand
The Ultimate Open Graph tags
8
Open Graph – Un domaine comme objet Facebook
Publication aux likers depuis l’interface Facebook
Il est possible de pousser des messages sur le mur des « likers » d’une page d’un site :
9
Open Graph – Un domaine comme objet Facebook
Exemple de publication
Message publié sur le mur d’un liker
<?php
$ogurl = "INSERT_YOUR_OG_URL_HERE";
define(FACEBOOK_APP_ID, "YOUR_APP_ID_HERE");
define(FACEBOOK_SECRET, "YOUR_SECRET_KEY_HERE");
$mymessage = "Hello World!";
$access_token_url = "https://graph.facebook.com/oauth/access_token";
$parameters = "grant_type=client_credentials&client_id=" . FACEBOOK_APP_ID .
"&client_secret=" . FACEBOOK_SECRET;
$access_token = file_get_contents($access_token_url . "?" . $parameters);
$apprequest_url = "https://graph.facebook.com/feed";
$parameters = "?" . $access_token . "&message=" .
urlencode($mymessage) . "&id=" . $ogurl . "&method=post";
$myurl = $apprequest_url . $parameters;
$result = file_get_contents($myurl);
// output the post id
echo "post_id" . $result;
}
?>
curl -F 'access_token=...' \
-F 'message=Hello Likers' \
-F 'id=http://www.myopengraphpage.com/page1.html' \
https://graph.facebook.com/feed
curl -F 'access_token=...' \
-F 'message=Hello Likers' \
-F 'id=http://www.myopengraphpage.com/page1.html' \
https://graph.facebook.com/feed
curl -F grant_type=client_credentials \
-F client_id=your_app_id \
-F client_secret=your_app_secret \
https://graph.facebook.com/oauth/access_token
curl -F grant_type=client_credentials \
-F client_id=your_app_id \
-F client_secret=your_app_secret \
https://graph.facebook.com/oauth/access_token
10
Open Graph – Un domaine comme objet Facebook
Interface Insights
Tableau de bord de statistiques d’un domaine :
Bouton like , bouton send, partages naturels et commentaires
11
Open Graph – Un domaine comme objet Facebook
Interface Insights
Statistiques du bouton Like sur Blogoergosum
12
Intégration
Facebook as a SSO
13
Intégration
Social Plugins – Facebook Registration / Login
Outil de création de compte local
Pré-remplissage de champs
Personnalisation du formulaire
Vérification des champs saisis
SSO
14
Intégration
Social Plugins – Facebook Registration / Login
15
