Exemples d'apps Facebook

Lorsqu'un utilisateur clique sur l'onglet d'une application Facebook, celle-ci s'affiche dans un espace de 810 pixels de large. Par le biais d'une application web de type Facebook, Adobe Campaign vous permet de définir et de personnaliser le contenu affiché dans l'application Facebook, et facilite l'acquisition de profils.

Les exemples d'applications web de type Facebook présentés dans cette section sont les suivants :

• Comment créer une application Facebook en 7 étapes. Voir Quick Start : comment créer une application Facebook en 7 étapes.
• Comment transmettre des paramètres à une application Facebook. Voir Comment transmettre des paramètres à une application Facebook ?.
• Comment acquérir les données des fans. Voir Comment acquérir les données des fans ?.

Recommandations

Les limitations suivantes sont des contraintes inhérentes à Facebook :

• Vous devez impérativement construire toutes vos applications web en HTTPS.
• Une application Facebook affichée à partir d'un onglet a une largeur de 810 pixels.

Quick Start : comment créer une application Facebook en 7 étapes

Cet exemple décrit pas à pas toutes les étapes permettant d'afficher, dans Facebook, une application construite avec Adobe Campaign. Dans cet exemple, nous allons créer une application permettant d'afficher le message Bienvenue lorsque l'utilisateur clique sur l'onglet de l'application (App01).

Pour créer cette application, suivez les étapes ci-dessous :

1. Créez une application sur Facebook (https://developers.facebook.com/apps).

   

2. Créez un compte externe de type Facebook Connect et saisissez les paramètres de l’application Facebook. Voir à ce sujet la section : Paramétrer les comptes externes.

   

3. Renseignez les liens Conditions d’utilisation et Politique de confidentialité qui apparaîtront sur l’écran de demande d'autorisation Facebook. Voir à ce sujet la section : Renseigner les liens Conditions d'utilisation et Politique de confidentialité.

   

4. Créez une application web de type Facebook dans Adobe Campaign. Voir à ce sujet la section : Créer une application web de type Facebook.

   

5. Editez votre application web. Dans cet exemple, nous avons ajouté une activité Page pour laquelle nous avons défini un titre.

   

6. Publiez votre application.

   

7. Configurez votre application Facebook de sorte qu’elle s’affiche sous forme d’onglet sur votre page Facebook. Voir à ce sujet la section : Paramétrer les onglets Facebook.

   

Vérifiez que l'onglet de l'application App01 apparaît bien sur votre page Facebook. Lorsque vous cliquez dessus, le message Bienvenue doit apparaître.

Comment transmettre des paramètres à une application Facebook ?

Dans l'exemple 1, nous avions personnalisé l'affichage de la page Facebook en fonction de la valeur du champ Fan de la page. Il est également possible d'exploiter le champ Paramètres de l'application. Ce champ permet de récupérer depuis Facebook des données contenues dans un lien généré par Adobe Campaign.

Prenons pour exemple une société qui décide d'animer une campagne e-mail. Dans la diffusion, un lien pointe vers l'application Facebook. Ce lien est personnalisé grâce au paramètre app_data ajouté à la fin de l'URL. La valeur de ce paramètre peut être, par exemple, un indicateur reflétant l'importance du client. Dans notre exemple, les valeurs du paramètre app_data sont big (client important) et small (client moins important).

Une fois personnalisée, l'URL devient :

• http://<path of the Facebook application>&app_data=big (pour un client important)
• http://<path of the Facebook application>&app_data=small (pour un client moins important)

Parmi les données anonymes transmises par Facebook à Adobe Campaign, la valeur du champ Paramètres de l'application est récupérée, permettant ainsi à Adobe Campaign de personnaliser l'affichage de l'application en fonction de ce paramètre.

Si l'utilisateur est un client important (la valeur du paramètre app_data est big), l'image suivante s'affiche :

Si l'utilisateur est un client moins important (la valeur du paramètre app_data est small), l'image suivante apparaît :

Pour réaliser ce cas d'utilisation, nous avons créé une application web composée des éléments suivants :

• une activité Test basée sur le champ Paramètre de l'application.
• deux pages contenant les images à afficher en fonction de la valeur du champ Paramètre de l'application.

Comment acquérir les données des fans ?

Cet exemple illustre comment entrer en contact avec les utilisateurs Facebook et leur proposer de partager leurs informations de profil. Prenons pour exemple une société qui souhaite acquérir un fichier de prospects. Elle organise un jeu concours, sur sa page Facebook, afin d'attirer les prospects.

Lorsqu'un utilisateur clique sur l'onglet App03, nous lui proposons de participer au jeu.

S'il choisit de participer au concours, nous lui proposons de partager ses informations de profil.

S'il accepte de partager ses informations, l'écran suivant apparaît.

Pour réaliser ce cas d'utilisation, nous avons créé une application web composée des éléments suivants :

• une activité Test
• trois pages
• une activité Contrôle d'accès
• une activité Pré-chargement
• une activité Enregistrement
• une activité Fin

Activité Test

L'activité Test est basée sur les champs Identifiant (UID) et Paramètre de l'application.

Celle-ci comporte trois branches :

• identifiant (UID) est vide : L'identifiant n'est transmis par Facebook que si l'utilisateur a déjà accepté de partager ses informations. La première branche de l'activité Test permet de proposer le jeu uniquement si l'utilisateur n'a jamais joué, donc si l'identifiant est vide.
• le paramètre d'application est égal à « Merci » : pour éviter une erreur d’affichage liée à Facebook, la page de fin de l’application Web pointe vers l’URL de l’application Facebook à laquelle le paramètre app_data est ajouté là l’aide de la valeur thanks (voir à ce sujet la section : Activité de fin). La seconde branche vous permet de savoir si l’utilisateur provient de l’activité Fin de la première branche (et vient d’entrer dans le concours) pour afficher un message de remerciement. Pour plus d’informations sur l’utilisation de paramètres d’URL supplémentaires, voir : Comment transférer des paramètres à une application Facebook ?.
• Branchement par défaut : si l'utilisateur a déjà joué (identifiant renseigné) et qu'il ne vient pas de participer au jeu (paramètre d'application différent de thanks), nous lui affichons une page lui indiquant qu'il a déjà participé.

Page du jeu

Pour contourner l'erreur d'affichage liée à Facebook, vous devez également sélectionner Fenêtre parente ou Dans la fenêtre la plus en avant dans le champ Fenêtre de la page proposant de participer au concours.

Activité Contrôle d'accès

L’activité Contrôle d’accès permet d'afficher l'écran de demande d'autorisation Facebook lorsque l'utilisateur choisit de participer au jeu. S'il décide de partager ses informations, celles-ci seront récupérées lors du pré-chargement. Voir à ce sujet la section : Activité Pré-chargement.

Si vous avez précédemment saisi le compte externe lors de la création de l’application web (voir Créer une application web de type Facebook), vous n’avez pas besoin de modifier l’activité. Dans le cas contraire, accédez au champ Application et sélectionnez le compte externe lié à l’application Facebook.

Activité Pré-chargement

Sélectionnez la source des données à utiliser pour le préchargement :

• Base marketing : cette option permet d'effectuer le préchargement des données depuis la base Adobe Campaign.
• Facebook : cette option permet d'effectuer le préchargement à partir des données Facebook.

Base marketing

Cette option permet de récupérer les données d'un profil existant dans la table des visiteurs. La vérification est faite à partir de l'identifiant externe Facebook récupéré lorsque l'utilisateur clique sur l'onglet de l'application Facebook. Si vous ajoutez un formulaire à la suite de l'activité Pré-chargement, les champs contenant des informations existantes en base seront pré-remplis.

Facebook

Cette option permet de définir les informations de profil Facebook à récupérer, parmi celles que l'utilisateur a accepté de partager, dans le but de les enregistrer.

L'option Informations de base permet de récupérer les données suivantes :

• Id externe : identifiant de l'utilisateur
• Sexe : genre de l'utilisateur
• Vérifié : ce champ indique si l'utilisateur possède un compte Facebook vérifié
• Nom complet : nom complet de l'utilisateur
• Prénom : prénom de l'utilisateur
• Nom : nom de l'utilisateur
• Langue : langue de l'utilisateur

Vous pouvez également choisir de récupérer la photo de profil, la liste des amis, l'adresse email, la date de naissance, les centres d'intérêt et le lieu en cochant les cases correspondantes.

Avant de cliquer sur Ok, vous devez cocher la case : Je m'engage à respecter les conditions d'utilisation de Facebook.

Activité Enregistrement

L'activité Enregistrement permet de stocker, dans la table des visiteurs, les informations récupérées lors des étapes précédentes.

Si le profil existe déjà dans la table des visiteurs, ses données sont mises à jour avec les nouvelles données récupérées.

Si le profil n'existe pas en base et que l'adresse email de l'utilisateur Facebook a été récupérée, un visiteur est créé dans la table des visiteurs.

1. Dans le champ Dossier de création du visiteur, sélectionnez le dossier dans lequel le profil sera créé. Dans le cas d'une application web de type Facebook, le dossier de création par défaut est Visiteurs.

2. Dans le champ Mode de réconciliation, sélectionnez la méthode de réconciliation que vous souhaitez utiliser :

   • Automatique : La réconciliation se fait sur l'email, puis sur le nom, le prénom et la date de naissance.
   • Manuelle : Vous devez sélectionner une ou plusieurs clés de réconciliation.
   • Aucune : Aucune réconciliation n'est effectuée.

3. Dans le champ Mapping, sélectionnez le schéma sur lequel vous souhaitez effectuer la réconciliation.

   IMPORTANT

   Assurez-vous que les champs de l'onglet Réseaux sociaux du mapping de diffusion sont correctement renseignés. Les mappings de diffusions sont accessibles à partir du noeud Administration > Gestion de campagne > Mappings de ciblage.

4. Vous pouvez sélectionner un dossier de recherche pour la réconciliation et un dossier de création pour les nouveaux profils. Si ces champs sont vides, les profils sont recherchés et créés dans le dossier par défaut correspondant au schéma du mapping.

Activité de fin

Pour contourner l'erreur d'affichage liée à Facebook, vous devez cocher la case Utiliser une URL externe et saisir l'URL de l'application Facebook, suivie du paramètre app_data et d'une valeur. Cette valeur sera utilisée dans la l'activité Test pour permettre de détecter si l'utilisateur vient de terminer le jeu et lui afficher une page de remerciements. Voir à ce sujet la section : Activité Test.

Dans notre exemple, la valeur utilisée est thanks.

Ecran de détails d'un visiteur

Comme pour les abonnés Twitter (voir : Principe de fonctionnement), les profils Facebook récupérés sont stockés dans la table des visiteurs. Pour afficher la liste des visiteurs, accédez au nœud Profils et cibles > Visiteurs.

Chaque prospect Facebook qui accepte de partager ses informations de profil est ajouté à la liste des visiteurs. Si la case Amis est cochée dans l’activité Pré-chargement (voir : Activité Pré-chargement), des amis sont également ajoutés.

Dans la section Résumé de l'écran de détails d'un visiteur, l'indicateur Nouveau Contact peut avoir deux états :

Si une coche verte est affichée, cela signifie que le visiteur n'a été réconcilié avec aucun destinataire. Dans ce cas, un nouveau profil est créé dans la liste des destinataires.

Une croix rouge indique que le visiteur a été réconcilié avec un destinataire. Vous pouvez cliquer sur la loupe située à droite du champ Destinataire pour afficher le destinataire correspondant.

A partir de l'écran de détails d'un destinataire, vous pouvez également afficher le visiteur correspondant, le cas échéant. Sélectionnez l'onglet Autres, puis double-cliquez sur le nom du visiteur dans la section Identités web.

L'onglet Activités de l'écran de détails d'un visiteur regroupe les informations suivantes :

• activités de type "Open Graph" du fan : musique écoutée, vidéos visionnées, articles lus et déduction des applications installées (Deezer, Spotify, Dailymotion, Yahoo News, etc.)

  

• les mentions "J'aime" et les commentaires que le fan a ajouté suite à des diffusions envoyées par Adobe Campaign

• les pages aimées par le fan

• les check-ins effectués par le fan

  

  REMARQUE

  Pour qu'Adobe Campaign récupère les check-ins effectués par le fan, vous devez cliquer sur le bouton S’abonner dans l'écran de configuration du service. Voir à ce sujet la section Paramétrer les comptes externes.

Comment précharger un formulaire à l'aide des données de profil Facebook

L’application Social Marketing vous donne également la possibilité d’insérer, dans un formulaire, un bouton permettant de pré-remplir les champs grâce aux informations de profil Facebook. Cette option, disponible dans tous les modèles d’application web (activités de type Page), est présentée dans cette section.

Pré-remplir les champs du formulaire avec les données de profil Facebook

Vous créez un formulaire web et incluez des éléments avec lesquels l'utilisateur n'a aucune interaction dans les pages du formulaire ; il s'agit d'éléments statiques tels que des images, du contenu HTML, une barre horizontale ou un lien hypertexte. Pour en savoir plus sur les éléments statiques dans un formulaire web, consultez cette page.

Lorsque vous insérez un élément statique, l'option Précharger avec Facebook permet d'insérer, dans un formulaire, un bouton permettant de pré-remplir les champs grâce aux informations de profil Facebook.

Lorsque l'utilisateur clique sur le bouton Remplir automatiquement, l'écran de demande de connexion Facebook apparaît.

Si l'utilisateur autorise le partage de ses informations, les champs du formulaire sont alors pré-remplis.

Pour réaliser ce cas d'utilisation, nous avons créé une application web composée des éléments suivants :

• une page contenant le formulaire
• une activité Enregistrement
• une activité Fin

Les étapes d'ajout du bouton de pré-remplissage sont les suivantes :

1. Créez votre formulaire.

   

2. Positionnez-vous au même niveau que les champs du formulaire et ajoutez un lien.

   

3. Renseignez le libellé et sélectionnez le type Bouton.

   

4. Dans le champ Action, sélectionnez Précharger avec Facebook.

   

5. Dans le champ Application, sélectionnez le compte externe de type Facebook Connect créé précédemment. Voir à ce sujet cette page.

   

Ressources Business.Adobe.com

Analytics Integration Email Reporting Preference Centers Campaign Management Dynamic Content Data Connectors