Le principe est simple, se prendre en photo avec une boite Frisk, la poster sur l’application et recevoir le plus de votes possibles pour gagner des lots cadeaux tels que des appareils photos, un voyage mystère et des boites Frisk bien entendu !

Chaque personne ne peut participer qu’une seule fois et une personne détient un nombre de vote limité pour favoriser ses photos préférées. Une section de vote et un espace pour les participants ont été créés pour le bon déroulement du jeu.

Découvrez également d’autres réalisations d’applications facebook de l’agence ici.

Comparatif entre l’ancienne et la nouvelle version des pages Fan Facebook :

Pour ce comparatif nous avons défini 2 catégories : les changements en rouge rassemblent tous les éléments de l’ancienne version que l’on retrouve différemment sur la nouvelle version et les nouveautés en vert qui n’étaient pas présentes dans l’ancienne version.

> Les changements ( en rouge )

1. Photo de profil

Nouveau format : 180 px x 180 px
Ne pas oublier que c’est cette image qui apparaitra sur votre mur ou sur le fil d’actualité de vos fans pour vos publications.

2. Nom de la marque

3. Les applications

Nouveau format des vignettes : 111px x 74 px
Attention seulement 3 vignettes d’applications peuvent être visibles directement (pour voir les autres, l’utilisateur devra cliquer sur la petite flèche à droite des vignette (ici avec le chiffres 3 – cf  les nouveautés-).

Fini la liste interminable d’applications, il faudra orienter la stratégie vers une sélection draconienne des applications en accès direct, la qualité plutôt que la quantité !

4. A propos

La nouvelle version a fusionné la rubrique «A propos» et  l’onglet «Infos ».
En cliquant sur le « A propos », vous accéderez donc au texte de présentation de votre marque, ainsi qu’à ses informations générales (adresse, n°tel, site web…)

5. Le nombre de personnes qui aime la page ainsi que le nombre de personnes qui en parlent

Facebook a également créé un onglet dédié au nombre de fans de la page. Ainsi parmi les vignettes d’applications se glisse une vignette « mentions j’aime » avec le pictogramme et le nombre de fans associés. Cette vignette est cliquable et permet d’accéder aux statistiques publiques de la page (cf  I. dans les nouveautés)

6. Les mentions « j’aime » de la marque

Un encadré situé en haut à droite du Journal (emplacement fixe) présente les pages que la marque a aimé récemment.
Cela offre la possibilité aux fans d’aimer à leur tour ces pages grâce au bouton j’aime intégré directement dans l’encadré.

7. Les photos

Fini la pellicule de photo (et les effets qui vont avec) en haut de votre mur. Ici l’accès aux photos est simplement matérialisé par une vignette (111px x 74 px) qui permet d’accéder aux albums de la marque.

8. Présentation des publications

Contrairement à l’ancienne version de la page où les publications se superposaient, le Journal présente un fil chronologique central auquel sont rattachées des publications (ou encadrés fixes) de chaque côté.

Vous pouvez publier un statut directement en cliquant sur la barre centrale à la date où vous souhaitez que le statut apparaisse.

9. Options

On retrouve dans les options du Journal, la possibilité de ne plus aimer la page avec le « je n’aime plus », de pouvoir signaler la page, de la partager ou encore d’envoyer des commentaires à Facebook concernant cette page.

> Les nouveautés ( en vert )

A . La couverture

Format  851 px x 315 px
L’un des grands changements de la présentation Journal. Il met en avant le visuel pour la marque.
Alors place à l’imagination, aux visuels accrocheurs et pourquoi pas aux effets d’optiques possibles avec l’association couverture-image de profil. A vous de voir…

B. La chronologie

Le Journal permet de poster dans le passé et d’accéder facilement aux « archives sociales » de la marque pour les fans. Pour les marques, il est question grâce à cette fonctionnalité de pouvoir intégrer son histoire dans sa page Facebook en ajoutant des publications dans le passé (ici on voit par exemple que Nivea Usa est remonté jusqu’à 1911 pour  inscrire sa date de création).

C. Les applications

Contrairement à l’ancienne version, seulement 3 applications seront directement visibles sur le Journal mais celles-ci bénéficieront d’une vignette de présentation beaucoup plus importante avec un format de (111 px x 74 px ).  Pas de panique, toutes vos applications peuvent être conservées et accessibles par les utilisateurs via la flèche à droite des vignettes applications.

D. Filtre des publications sur le journal

La nouvelle version permet à l’utilisateur de filtrer les informations contenues sur le journal. Ainsi l’utilisateur peut choisir de ne voir que les publications de la page, que celles des fans sur la page ou les deux réunies (A la Une).

E. Les publications d’autres personnes sur la marque

La nouvelle version met en avant l’interaction de la page avec ses fans. Pour cela, elle intègre un encadré fixe en haut du Journal reprenant les publications de fans sur la page.

F. Pin post / Verrouiller en haut

Lorsque vous publiez un nouveau contenu vous pouvez désormais le verrouiller en haut de votre mur (en première position). La publication restera alors en haut du journal durant 7 jours même si vous publiez d’autres contenus durant cette période.

G. Les moments clés / milestone

Le Journal permet d’accorder une importance particulière à certaines informations de la marque en leur conférant le statut de « moment-clés ». Pour cela il s’agit lors de l’écriture de votre contenu de cliquer sur « moments clé » et de remplir les informations suivantes :

Ainsi votre publication sera mise en avant et apparaitra comme un événement marquant de la marque.
Il s’agit d’une fonctionnalité intéressante pour valoriser un moment important de la vie d’une marque (création, lancement produit…)

H. La mise en avant des publications

Par défaut, vos publications ont un format standard (la moitié de la largeur de votre journal). En cliquant sur la petite étoile en haut à droite de votre publication, vous pouvez la « mettre en avant ».

La publication prendra ainsi toute la largeur de votre journal permettant notamment lorsqu’il y a un visuel attaché à la publication d’offrir une plus grande visibilité de l’information.

I. Statistiques

Dans les onglets applications intégrés par défaut, il y a l’onglet « J’aime » avec à côté le nombre de fans de la page, cette onglet est cliquable et permet aux fans d’accéder à un extrait des statistiques de la page. Voici les statistiques de Nivéa USA accessibles par tous les fans.

J. Messages

Le « journal » permet aux fans de pouvoir envoyer des messages privés aux marques via la Page en cliquant sur « message ». La marque, quant à elle, n’a pas la possibilité d’entrer directement en contact avec ses fans, elle peut simplement répondre à un message privé envoyé par un fan.

K. L’espace administrateur

Lorsqu’on est administrateur de la page (ce qui n’est pas le cas dans cet exemple) à la place du bouton « Créer une page » il y a « Administration » par lequel on accède à un espace.

Nous y retrouvons un board des dernières actualités de la page, comme les dernières notifications, les derniers messages ou encore les derniers « j’aime ».

Plusieurs

-          Gérer

Cet onglet permet de pouvoir modifier la page, voir la liste des utilisateurs bloqués et voir l’Historique.

La gestion d’historique est une nouvelle fonctionnalité permettant d’avoir une visibilité sur les actions de la marque sur sa page. Elle répertorie les publications et commentaires réalisés par la marque de manière synthétique et chronologique.

- Développer votre audience

Cet onglet vous permet d’inviter vos contact mail et d’accéder aux Facebook Ads pour promouvoir la page.

- Aide

Il s’agit d’un onglet rassemblant tous les outils d’aide à la gestion d’une page Facebook. Il permet l’accès aux pages Aides de Facebook, à  une présentation pdf et vidéo du Journal, une visite guidée de la Timeline et la possibilité comme sur la page d’accueil du Journal d’envoyer un commentaire directement à Facebook.

La thématique du jeu « A votre avis, que font-ils vraiment ? ». Une photo engagée dévoilant deux silhouettes (un homme et une femme) de jambes nues (des pieds à la ceinture) était présentée aux participants. Il fallait alors télécharger une photo en duo avec un(e) ami(e) présentant le buste correspondant à la suite de la photo tronquée. Techniquement, l’application facebook permettait de superposer la photo uploadée tout en sélectionnant précisément les parties du buste à accorder avec la partie basse des jambes. Il suffisait alors de valider l’ensemble pour générer une nouvelle photo unique correspondant au montage souhaité.

Une fois validées, les montages photos étaient soumis au vote des internautes via un espace de vote sur l’application. Cet espace, directement accessible via la page d’accueil de l’application, permettait à toute personne, qu’elle ait présenté un montage photo ou non, de voter pour la photo la plus originale.

Bien évidemment, une fois n’est pas coutume, ont été intégrées toutes les fonctionnalités virales de Facebook permettant aux participant de partager leur photo et d’encourager leurs amis à voter pour le montage le plus décalé sans oublier de les inviter à leur tour à participer au jeu concours.

Plusieurs centaines de joueurs et de votants se sont donc amusés avec cette application permettant à Virgin Megasitre de fidéliser une communauté déjà fortement impliquée par tout un ensemble de jeux et d’applications facebook plus originales les unes que les autres !

Pour la Saint Valentin le site a voulu marquer le coup en organisant le jour de la fête des amoureux un grand événement destiné aux célibataires, un speed dating géant au Virgin Megastore des Champs Elysées.

Pour sélectionner les participant et donner de la visibilité à cet événement, Adopteunmec , en partenariat avec Virgin Megastore, a choisi de développer une application sur Facebook appelée FreetoAdopt, au nom de son événement.

Komunity Web en collaboration avec TendancesCom s’est donc chargé du développement de l’application facebook de cobranding à la fois sur la page Facebook de Virgin Megastore et sur la page d’AdoptUnmec. L’application Free Adopte se composait d’un quizz « Quel séducteur êtes-vous ? » . Les participants pouvaient gagner des abonnements et des cadeaux AdopteUnMec mais surtout ils pouvaient être sélectionnés pour participer à l’évènement Speed dating FreetoAdopt organisé au Virgin Megastore des Champs Elysées.

Pour réaliser cette application Komunity Web a donc repris l’univers graphique du site de rencontres afin de pouvoir conserver l’identité d’AdopteUnMec.  Les participants devaient répondre à une dizaine de questions (différentes selon que ce soit un homme ou une femme) à la suite desquelles l’application leur présentait le profil de séducteurs qu’ils étaient suivant les réponses données. L’application intégrait sur la page de résultats du Quizz les fonctionnalités de partage permettant à l’application de maximiser son potentiel de viralité grâce notamment au partage du résultat sur le mur du participant, l’invitation de ses amis à participer au Quizz, le like.

Opération réussie pour l’application puisque plusieurs centaines de personnes ont participé à l’application. Une bonne opération Pour AdopteUnMec et Virgin qui ont ainsi attirés de nouveaux fans sur leur page Facebook et ainsi pu rendre visible leur évènement Freeto Adopt bénéficiant par la même occasion d’une belle couverture médiatique avec entre autre une parution sur Au-féminin.com

1. Une mise en place simplifiée

Les développeurs ont pu remarquer l’apparition de nouvelles balises destinées à remplacer les bonnes vieilles « div » qui étaient bien souvent utilisées de manière excessive. Ces balises apportent alors  une simplification dans la mise en place de contenu sur une page. Ainsi on a vu apparaitre sur nos pages des balises telles que :

< article > : la balise permettant de rédiger du contenu comme son nom l’indique.

< nav > : approuve l’insertion d’un menu.

< header > : pour la partie haute du site.

< footer > : pour le pied du site.

< aside > : destiné à être sur le côté d’un contenu

Votre page devient alors :

2. Fonctionnalités apportées

Cette nouvelle version permet l’insertion plus facile de vidéo ou de son sur une page. Ces balises se nomment < audio > et < video >. Comme leur nom l’indique, ces dernières permettent l’insertion de contenu audio ou vidéo sur votre site pour des pages web plus vivantes.
Exemple avec la balise audio : <audio  src= »votre_répertoire/musique.wav » ></audio>
Ceci permet ainsi d’insérer une simple balise qui allège le code source de la page comparé aux balises embed qui contenait plusieurs paramètres.

3. Un Référencement amélioré ?

Cette nouvelle sémantique devrait sans aucun doute accroître la rapidité des robots analyseurs de page à référencer le contenu grâce notamment à l’apparition de la balise article. Le contenu devrait être logiquement détecté plus rapidement. Ainsi les balises < strong > et  < em > vont laisser place à la balise < mark > cette nouvelle balise permet en effet d’indiquer que le mot « balisé » à temporairement de l’intérêt.

4. Compatibilité

Vous voulez savoir si la version actuelle de votre navigateur préféré est compatible avec le HTML5 : rendez-vous sur www.html5test.com. SI vous avez installé ou mis à jour votre navigateur assez récemment  vous ne devriez pas avoir de problème pour visualiser les réalisations dans ce nouveau langage. Internet Explorer le supporte à partir de la version 9, opéra version 11 +, safari 4 et firefox 3.6+.

5. Pour aller plus loin

Le W3C envisage une stabilisation de la norme HTML5 courant l’année 2014. Ce langage ne vous permettra donc pas d’avoir des pages totalement « HTML valide » jusqu’à cette date.
Les nouvelles possibilités sont malgré tout à prendre en considération dès aujourd’hui car le monde du web n’a pas fini d’évoluer. Les injections d’html5 dans vos contenus web ne pourront qu’apporter une perspective d’évolution dynamique à votre site : un moyen d’attraction efficace du public.

Aviva, compagnie d’assurance de renommée a demandé à Komunity Web en partenariat avec l’agence PI Agency, de réaliser une application Facebook sous forme de jeu d’entraide.

Afin de soutenir l’association ZUP de Co, spécialisée dans le soutien scolaire pour les enfants défavorisés, Aviva a donc souhaité susciter l’intérêt en créant un jeu concours sur facebook. Le principe du jeu consiste à venir en aide à Thibaut, un élève ayant quelques difficultés en Français et en Mathématiques. L’objectif du jeu est donc de corriger les fautes d’orthographes et de résoudre un problème mathématique pour tester sa capacité au soutien scolaire.

A chaque copie corrigée, 2 € sont reversés à l’association pour gommer les inégalités scolaires. En fin de jeu, un diplôme virtuel pour confirmer la participation est remis au joueur.

Komunity Web a donc réalisé une application totalement administrable par le client afin qu’il puisse gérer les différents textes et problèmes mathématiques. En effet, chaque joueur ne pouvait participer qu’une seule fois par épreuve, mais les épreuves étaient régulièrement mis à jour pour inciter le fan à rejouer régulièrement et ainsi augmenter le nombre de dons reversés à l’association.

Des outils de partage intégrés à chaque étape de jeux ont permis de diffuser le message à l’ensemble des amis de chaque fan ayant joué à l’application. Cela a donc permis à Aviva d’acquérir de nouveaux fans qualifiés sensibles à cette cause et dans le même temps de reverser une somme plus importante à l’association ZUP de Co.

- la publication automatique d’action sur le mur des internautes

- la personnalisation des actions pour les marques

L’automatisation des actions de l’internaute sur Facebook

Avant l’arrivée de l’Open Graph 2.0, la publication d’une action de l’internaute sur son mur résultait uniquement d’une action volontaire de l’internaute.

Pour que ses amis puissent voir qu’il aime une page, il fallait que l’internaute fasse l’effort de cliquer sur « like » et donc de décider de la création d’une publication associant son nom à la marque.

L’open graph 2.0 introduit la notion d’action automatique

L’Open Graph 2 apporte en plus de l’action volontaire de l’internaute, l’ action automatique .

En autorisant l’application intégrant l’Open Graph 2.0 à accéder à ses données, l’internaute autorise également la publication automatique de ses actions sur l’application.

Ainsi le simple fait d’avoir écouté un morceau de musique, sur Spotify par exemple, génère une publication sur son mur.

Ex : Isabelle a écouté « Far Nearer » de Jamie XX sur Spotify

Pour générer ces actions automatiquement, les marques doivent au préalable déterminer des « verbes d’action » associés à des « objets » qui lui seront propres.

L’open Graph 2.0 permet aux marques de définir leurs propres actions

La deuxième nouveauté de cette nouvelle version de l’open graph Facebook vient de la possibilité pour les marques de créer leurs propres actions.

Le contenu des publications automatiques (verbe+action) doit en effet être déterminé par les développeurs de marque.

Ainsi, Spotify a défini comme action propre à son application « écouté récemment sur Spotify », comme verbe et le nom des titres +nom de l’artiste comme objet …

Ce nouvel Open graph amène donc des nouveaux enjeux pour les marques.

Facebook leur permet de personnaliser l’expérience des internautes sur leur application et ainsi renforcer leur identité.

La notion de publication automatique se révèle également très intéressante pour les marques, qui voient ainsi leur visibilité décuplée grâce à un volume important de publications les mentionnant.

Si on pouvait craindre, avec cette automatisation, une déferlante de publication noyant le flux d’actualité, il n’en est rien car le lancement quelques mois plus tôt du Ticker (flux d’actualité en direct) permet de relayer ces publications automatiques sans envahir le flux d’actualité.

Essai transformé pour Spotify qui a annoncé un gain de plusieurs millions de nouveaux inscrits seulement quelques semaines après la mise en place de son application intégrant l’Open Graph 2.0.

On ne devrait donc pas tarder à voir affluer les marques françaises sur le créneau. Parmi elles, Vogue, a déjà sauté le pas et annoncé la semaine dernière sa nouvelle application, Vogue Social Reader with Open Graph 2.0 of course !

Vogue Social Reader : la première application de magazine Français intégrant l’Open Graph 2.0

Vogue a donc lancé son application Social Reader, une application où l’on peut retrouver des articles, des contenus photos et vidéos sur le secteur de la mode.

On remarque que l’application inclue la possibilité de désactiver les publications automatiques (toutes les applications Open Graph 2.0 devront l’avoir) grâce au bouton on/off à gauche du header.

Ensuite l’application reste assez simple puisque que 3 possibilités s’offrent à l’internaute :

• visionner les contenus sélectionnés par Vogue

• ceux que ses amis ont consultés

• les plus vus

Vous pouvez également invitez vos amis à utiliser l’application.

Les actions développées par Vogue

Au travers de son application Social Reader, Vogue a donc développé des actions qui lui sont propres. Nous en avons identifié trois :

Watched [verbe]+ titre de la vidéo [objet]

Read [verbe]+ titre de l’article [objet]

Took a look [verbe]+ titre des contenus photos [objet]

Vogue en intégrant l’Open Graph 2.0 a mis de côté le bouton « like »

On peut regretter la disparition du bouton « Like ». Si l’Open Graph 2.0 permet de nouvelles actions automatiques, celles-ci ne doivent pas être au détriment des actions volontaires des internautes issues notamment du bouton «Like».

Dans l’exemple ci-dessus, on peut certes recommander l’article à ses amis, mais pas liker une photo en particulier. L’open Graph 2.0 me semble un outil complémentaire et non un outil qui se substitue à ceux déjà existants.

On peut aussi peut être, noter un manque d’interaction entre la marque et les internautes avec l’absence de possibilité de commenter les articles ou contenus. Il semblerait cependant que ce soit un choix délibéré de la part de la marque.

Sarah Herz , directrice des activités digitales de Condé Nast France, confiait a DOCNEWS en janvier dernier : « Les lecteurs sont des amoureux de la marque. La parole est celle de Vogue, on ne se mettra jamais au participatif. Nous diffusons l’information sur les réseaux, mais nous ne favorisons pas l’interaction, ni le participatif ». 1

De la même manière on peut regretter que Vogue relaye via son application les mêmes contenus que sur son site. Vogue a sauté sur les dernières mises à jour de Facebook pour valoriser son application mais étrangement ne déploie pas une stratégie de contenu dédiée à Facebook avec du contenu exclusif, comme peut le faire la marque de luxe Burberry par exemple.

Avec son application Vogue Social Reader, Vogue a confirmé son implication dans le digital en lançant la première application française de magazine intégrant l’Open Graph 2. Cependant, la stratégie de contenu pourrait être davantage optimisée pour Facebook afin de faire du réseau social un espace médiatique complémentaire à leur site internet.

1. Lire l’interview en entier sur http://www.docnews.fr/actualites/ere-digitale-vogue,11766.html

Cinépalmes, un cinéma situé à la Réunion a sollicité l’agence Komunity Web afin de réaliser une application facebook jeu concours sur le principe du tirage au sort.

Ce jeu concours conçu pour être simple d’utilisation consiste à s’inscrire via un formulaire pour tenter de gagner chaque mois des places de cinéma via un tirage au sort organisé chaque début de mois.

Un onglet spécifique permet de découvrir à chaque nouveau tirage au sort la liste des gagnants qui pourront recevoir leurs places de cinéma. Ce deuxième onglet permet de crédibiliser la mécanique du jeu concours en suscitant un intérêt supplémentaire au jeu.

L’objectif étant de recruter des fans qualifiés grâce à ce jeu concours facebook et de cibler les passionnés de cinéma sur l’île de la Réunion !

L’opération est un succès puisque elle a permis d’augmenter la taille de la communauté du cinéma de 40 %.

Dans le cadre d’une opération de Cobranding, les marques Philipps, Virgin Megastore et Oneill ont fait confiance à l’agence Facebook Komunity Web et Tendancescom pour la réalisation d’une application facebok jeu concours vidéo. Présent à la fois sur les pages fan Facebook de Philips et Virgin Megastore, ce jeu concours vidéo qui récompensait les meilleures vidéos de « break dance » postés par des groupes amateurs, permettait à ces derniers de gagner une représentation gratuite au Virgin Megastore des Champs Elysées devant le Jury composé du danseur de Madona Yaman Okur.

Les participants pouvaient également gagner des casques Oneil-Philips et des bons cadeaux pour télécharger de la musique sur le site de Virgin. Pour se faire, il a été greffé sur la page Philips un jeu concours composé d’une page d’attente pour les non fans puis de l’accès direct au jeu via un formulaire.

Le concept est simple : le joueur remplie un formulaire et participe à un tirage au sort pour savoir si il pourra remporter un des casques ou des cartes de téléchargement mis en jeu !

L’application permet ensuite de rediriger le joueur vers le jeu concours facebook vidéo de Virgin pour télécharger ou voter pour la vidéo de son choix.

Ainsi, le partenariat de ce jeu concours a permis à ces trois marques de profiter de la popularité de chacune grâce à de nombreux liens redirigés vers les différentes pages.