présentation facebook developer garage toulouse - etats des lieux de la plateforme

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

www.xprimegroupe.comcontact@xprimegroupe.com

Follow us -@xprimeJoin us on Facebook - www.facebook.com/xprimegroupe

16