Références clients
Socialisation de sites




                         2
Socialisation de sites

• L’événement des Techdays
•   www.microsoft.com/france/mstechdays/




      Où comment socialiser un
      événement pour inciter au partage
      et booster le trafic. ?




                                           3
Socialisation de sites

• L’événement des Techdays

    Un site « socialisé » : like, commentaire, remontée des amis inscrits




                                                                            4
Socialisation de sites

• L’événement des Techdays

    Un site « socialisé » : like, commentaire, remontée des amis inscrits




                                                                            5
Socialisation de sites

• L’événement des Techdays

    Un live intégrant les plateformes sociales courantes




                                                           6
Socialisation de sites

• L’événement des Techdays

    Une webapp pour profiter de l’événement avec ses amis




                                                            7
Création d’application
Facebook




                         8
Création d’applications Facebook
•   Avant-première Born This Way

    Contexte :
    • Création d’une application diffusant en boucle l’album Born
        This Way pendant 5 jours en streaming live (watermarké) sur
        la page de Samsung Mobile France pour son lancement
    •   Nécessite de devenir fan de la page + installation de
        l’application
    •   Diffusion Facebook + pour les mobiles Samsung via une
        application dédié


    Leviers de communication :
    • Pré-inscription, commentaires via la comment-box, chat
       pendant le live
    • Partage d’un extrait audio pendant le live dans le wall
    • Possibilité d’inviter ses amis
    • Création d’un événement Facebook
    • Campagne TV
    Résultat :
    • 48 000 fans recrutés en 5 jours
    • 11 000 partages sur le wall des utilisateurs
    • 27 minutes de temps moyens d’écoute

    Technologie :
    • Application dynamisée via le framework de live Brainsonic

                                                                      9
Création d’applications Facebook
• Concert de Jenifer à la Tour Eiffel
   Contexte :
   • Captation et diffusion assurées par Brainsonic
   • Intégration de l’application dédié au sein de la fanpage
       W9
   •   Nécessitait de devenir fan de la page W9 pour accéder
       au contenu
   •   Possibilité de chater en live pendant la diffusion via la
       streamlive box Facebook
   •   A J+1, le différé du concert étant disponible sur la page
       en HD


   Leviers de communication :
   • Campagne Facebook Ads durant 5 jours
   • Mise en avant sur la page fan de l’ariste
   • Communiqués presse
   • Communication avec les fansites amateurs
   Résultat :
   • 12 000 fans générés sur la page W9 grâce à l’opération
   • Des retours presse favorables (il s’agissait d’une
     première en France)


                                                                   10
Création d’applications Facebook
•   Arte Live Web
•   https://apps.facebook.com/arteliveweb

    Contexte :
    •   Création d’une application générique de diffusion de festivals
        de musique pour la chaine Arte
    •   Le festival de lancement est ici le Hellfest (festival de metal)
    •   Les concerts sont diffusés en live ou en différés (selon les
        droits acquis)
    •   Application Multilingue (FR / DE)
    •   Nécessite d’installer l’application


    Leviers de communication :
    • Inviter ses amis + ses amis fans du groupe courant
    • Partage des différents concerts dans le wall
    • Commentaire et chat
    • Like contextuel à chaque groupe
    Technologie :
    • Application dynamisée via le framework de live Brainsonic
    • Client en totale autonomie dans la gestion de l’application




                                                                           11
Création d’applications Facebook
• MySkreen VOD
•   https://www.facebook.com/myskreen/app_193945860617344


    Contexte :
    • Intégrer via une application dédiée le catalogue MySkreen au sein de
       Facebook pour des achats sur la plateforme

    Leviers de communication :
    • Bouton like + partage de la bande-annonce sur le wall+ renvoi vers
       l’application post-achat
    • Possibilité d’acheter le spectacle pour un ami
    • Si un utilisateur invite un ami qui devient à son tour acheteur, une
       vidéo est offerte.

    Méthodes d’achat :
    • Uniquement carte bancaire via le workflow spécifique MySkreen

    Technologie :
    • Application PHP + intégration API MySkreen




                                                                             12
Nos références / VOD
•   TF1 : Séries en direct des USA
•   https://apps.facebook.com/series_us_en_vod/


    Contexte :
    •   Industrialisation du catalogue des séries US disponible à H+24 de
        leur diffusion.

    Leviers de communication :
    • Inviter ses amis + ses amis fans des différentes séries (détection
       automatique)
    • Offrir les épisodes à des amis
    • Commentaire + Like contextuel à l’épisode en cours
    • A la fin de chaque lecture, une demande de partage est proposée
       aux internautes

    Méthodes d’achat :
    • Facebook Credits ou Carte bancaire via Paybox

    Technologie :
    • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady
    • Gestion de http et https on Facebook
    • Gestion du cache pour la tenue de charge




                                                                            13
Nos références / VOD
•   TF1 : Foresti en VOD
•   https://apps.facebook.com/foresti_en_vod

    Contexte :
    •   Création de la première application de « social VOD » pour le
        spectacle de l’humoriste Florence Foresti.

    Leviers de communication :
    • Inviter ses amis + ses amis fans de Florence Foresti (détection
       automatique)
    • Offrir le spectacle à un ami
    • Partage de la bande-annonce dans son wall
    • Commentaire + Like contextuel au média
    • A la fin de chaque lecture, une demande de partage est proposée
       aux internautes

    Méthodes d’achat :
    • Facebook Credits ou Carte bancaire via Paybox
    Technologie :
    • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady
    • Gestion de http et https on Facebook
    • Gestion du cache pour la tenue de charge




                                                                          14
Nos références / VOD
•   TF1 : Jamel en VOD
•   https://apps.facebook.com/jamel_en_vod

    Contexte :
    •   Promotion pour la sortie DVD du nouveau spectacle de l’humoriste
        Jamel.

    Leviers de communication :
    • Inviter ses amis + ses amis fans de Jamel (détection automatique)
    • Offrir le spectacle à un ami
    • Partage de la bande-annonce dans son wall
    • Commentaire + Like contextuel au média
    • A la fin de chaque lecture, une demande de partage est proposée
       aux internautes

    Méthodes d’achat :
    • Facebook Credits ou Carte bancaire via Paybox

    Technologie :
    • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady
    • Gestion de http et https on Facebook
    • Gestion du cache pour la tenue de charge




                                                                           15
Nos références / VOD
• M6 Scream 4

   Contexte :
  • Promotion pour la sortie DVD / Blu Ray du quatrième
     volet de la saga Scream, disponible en VF et VOST

  Leviers de communication :
  • Inviter ses amis + ses amis fans du film ou du casting
     (détection automatique)
  • Offrir le spectacle à un ami
  • Partage de la bande-annonce dans son wall
  • Commentaires
  • A la fin de chaque lecture, une demande de partage est
     proposée aux internautes

  Méthodes d’achat :
  • Facebook Credits ou Carte bancaire via Paybox

  Technologie :
  • Utilisation de Silverlight pour la gestion DRM couplé à
     PlayReady
  • Gestion de http et https on Facebook
  • Gestion du cache pour la tenue de charge
                                                              16
Nos références / VOD
• M6 Kev Adams

   Contexte :
  • Promotion pour la sortie DVD du nouveau spectacle de
     l’humoriste Kev Adams.

  Leviers de communication :
  • Inviter ses amis + ses amis fans de Kev Adams
     (détection automatique)
  • Offrir le spectacle à un ami
  • Partage de la bande-annonce dans son wall
  • Commentaire + Like contextuel au média
  • A la fin de chaque lecture, une demande de partage est
     proposée aux internautes

  Méthodes d’achat :
  • Facebook Credits ou Carte bancaire via Paybox

  Technologie :
  • Utilisation de Silverlight pour la gestion DRM couplé à
     PlayReady
  • Gestion de http et https on Facebook
  • Gestion du cache pour la tenue de charge
                                                              17
Nos références / VOD
•   Pathé : Dany Boon
•   https://apps.facebook.com/danyboon_en_vod/

    Contexte :
    • Promotion pour la sortie DVD du nouveau spectacle de
       l’humoriste Dany Boon.

    Leviers de communication :
    • Inviter ses amis + ses amis fans de Kev Adams (détection
       automatique)
    • Offrir le spectacle à un ami
    • Partage de la bande-annonce dans son wall
    • Commentaire + Like contextuel au média
    • A la fin de chaque lecture, une demande de partage est
       proposée aux internautes

    Méthodes d’achat :
    • Facebook Credits ou Carte bancaire via Paybox
    • Achat du spectacle complet
    • Achat des sketchs à l’unité

    Technologie :
    • Utilisation de Silverlight pour la gestion DRM couplé à
       PlayReady
    • Gestion de http et https on Facebook
    • Gestion du cache pour la tenue de charge

                                                                 18
Création de sites +
social plugins




                      19
Création de sites + social Plugins

• Music Party
• http://musicparty.fr/

   Plateforme d’écoute avant-première d’artistes du
   catalogue Universal + concours + blog associé

   -   Tags Open Graph
   -   Facebook Connect
   -   Like box
   -   Like button par artiste et pas track
   -   Comment box
   -   Widget Facebook

   Dès la rentrée : application Facebook déployable
   sur chaque fanpage artiste pour écouter le stream
   depuis la fanpage



                                                       20
Création de sites + social Plugins

• WebTV Edf
  http://webtv.edf.com/



  - Implémentation sur la TV d’EDF des tags
  Open Graph pour la lecture des vidéos
  depuis le wall des utilisateurs.

  - Intégration du bouton « j’aime »

  - Intégration en homepage de la likebox




                                              21
Création de sites + social Plugins

• La webradio EDF
  http://webradio.edf.com/




  - Implémentation sur la page WebRadio
  des tags Open Graph

  - Intégration du bouton « j’aime »




                                          22
Création de sites + social Plugins

• Radio France : Le live
• http://politique.radiofrance.fr

   Ce site a pour vocation de retransmettre
   en direct les débats politiques de Radio
   France, chaque dimanche à 18h.

   Lancement le dimanche 4 septembre.

   - Intégration des tags Open Graph, du
   bouton like, de la likebox

   - Possibilité de commenter via la comment
   box




                                               23
Création de sites + social Plugins

• Jenny Craig by Nestlé Nutrition
• http://jennycraig.fr/

   Refonte du site Français et UK de la
   marque. Mise en ligne le 5 septembre

   - Poursuite de la stratégie Facebook :
   implémentation des tags Open Graph

   - Bouton « recommander »

   - Comment box

   - Like box




                                            24
Création de sites + social Plugins

• WebTV : Groupama / Franck
  Camas
• http://www.cammas-
  groupama.tv/

  WebTV retraçant 14 années de
  partenariat Groupama / Franck
  Cammas en vidéo.



  - Tags Open Graph,

  - Boutons like / recommander

  - Commentaires Facebook



                                       25
Formations Facebook




                      26
Formations Benchmark Group

• Plusieurs formations données




• Formation : Développement et intégration des applications
  Facebook
•   Les bonnes pratiques pour s'assurer une présence efficace et conforme aux
    règles de Facebook

            http://www.ccmbenchmark.com/formation/553-developpement-et-integration-des-
            applications-facebook




                                                                                          27

References with links

  • 1.
  • 2.
  • 3.
    Socialisation de sites •L’événement des Techdays • www.microsoft.com/france/mstechdays/ Où comment socialiser un événement pour inciter au partage et booster le trafic. ? 3
  • 4.
    Socialisation de sites •L’événement des Techdays Un site « socialisé » : like, commentaire, remontée des amis inscrits 4
  • 5.
    Socialisation de sites •L’événement des Techdays Un site « socialisé » : like, commentaire, remontée des amis inscrits 5
  • 6.
    Socialisation de sites •L’événement des Techdays Un live intégrant les plateformes sociales courantes 6
  • 7.
    Socialisation de sites •L’événement des Techdays Une webapp pour profiter de l’événement avec ses amis 7
  • 8.
  • 9.
    Création d’applications Facebook • Avant-première Born This Way Contexte : • Création d’une application diffusant en boucle l’album Born This Way pendant 5 jours en streaming live (watermarké) sur la page de Samsung Mobile France pour son lancement • Nécessite de devenir fan de la page + installation de l’application • Diffusion Facebook + pour les mobiles Samsung via une application dédié Leviers de communication : • Pré-inscription, commentaires via la comment-box, chat pendant le live • Partage d’un extrait audio pendant le live dans le wall • Possibilité d’inviter ses amis • Création d’un événement Facebook • Campagne TV Résultat : • 48 000 fans recrutés en 5 jours • 11 000 partages sur le wall des utilisateurs • 27 minutes de temps moyens d’écoute Technologie : • Application dynamisée via le framework de live Brainsonic 9
  • 10.
    Création d’applications Facebook •Concert de Jenifer à la Tour Eiffel Contexte : • Captation et diffusion assurées par Brainsonic • Intégration de l’application dédié au sein de la fanpage W9 • Nécessitait de devenir fan de la page W9 pour accéder au contenu • Possibilité de chater en live pendant la diffusion via la streamlive box Facebook • A J+1, le différé du concert étant disponible sur la page en HD Leviers de communication : • Campagne Facebook Ads durant 5 jours • Mise en avant sur la page fan de l’ariste • Communiqués presse • Communication avec les fansites amateurs Résultat : • 12 000 fans générés sur la page W9 grâce à l’opération • Des retours presse favorables (il s’agissait d’une première en France) 10
  • 11.
    Création d’applications Facebook • Arte Live Web • https://apps.facebook.com/arteliveweb Contexte : • Création d’une application générique de diffusion de festivals de musique pour la chaine Arte • Le festival de lancement est ici le Hellfest (festival de metal) • Les concerts sont diffusés en live ou en différés (selon les droits acquis) • Application Multilingue (FR / DE) • Nécessite d’installer l’application Leviers de communication : • Inviter ses amis + ses amis fans du groupe courant • Partage des différents concerts dans le wall • Commentaire et chat • Like contextuel à chaque groupe Technologie : • Application dynamisée via le framework de live Brainsonic • Client en totale autonomie dans la gestion de l’application 11
  • 12.
    Création d’applications Facebook •MySkreen VOD • https://www.facebook.com/myskreen/app_193945860617344 Contexte : • Intégrer via une application dédiée le catalogue MySkreen au sein de Facebook pour des achats sur la plateforme Leviers de communication : • Bouton like + partage de la bande-annonce sur le wall+ renvoi vers l’application post-achat • Possibilité d’acheter le spectacle pour un ami • Si un utilisateur invite un ami qui devient à son tour acheteur, une vidéo est offerte. Méthodes d’achat : • Uniquement carte bancaire via le workflow spécifique MySkreen Technologie : • Application PHP + intégration API MySkreen 12
  • 13.
    Nos références /VOD • TF1 : Séries en direct des USA • https://apps.facebook.com/series_us_en_vod/ Contexte : • Industrialisation du catalogue des séries US disponible à H+24 de leur diffusion. Leviers de communication : • Inviter ses amis + ses amis fans des différentes séries (détection automatique) • Offrir les épisodes à des amis • Commentaire + Like contextuel à l’épisode en cours • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 13
  • 14.
    Nos références /VOD • TF1 : Foresti en VOD • https://apps.facebook.com/foresti_en_vod Contexte : • Création de la première application de « social VOD » pour le spectacle de l’humoriste Florence Foresti. Leviers de communication : • Inviter ses amis + ses amis fans de Florence Foresti (détection automatique) • Offrir le spectacle à un ami • Partage de la bande-annonce dans son wall • Commentaire + Like contextuel au média • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 14
  • 15.
    Nos références /VOD • TF1 : Jamel en VOD • https://apps.facebook.com/jamel_en_vod Contexte : • Promotion pour la sortie DVD du nouveau spectacle de l’humoriste Jamel. Leviers de communication : • Inviter ses amis + ses amis fans de Jamel (détection automatique) • Offrir le spectacle à un ami • Partage de la bande-annonce dans son wall • Commentaire + Like contextuel au média • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 15
  • 16.
    Nos références /VOD • M6 Scream 4 Contexte : • Promotion pour la sortie DVD / Blu Ray du quatrième volet de la saga Scream, disponible en VF et VOST Leviers de communication : • Inviter ses amis + ses amis fans du film ou du casting (détection automatique) • Offrir le spectacle à un ami • Partage de la bande-annonce dans son wall • Commentaires • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 16
  • 17.
    Nos références /VOD • M6 Kev Adams Contexte : • Promotion pour la sortie DVD du nouveau spectacle de l’humoriste Kev Adams. Leviers de communication : • Inviter ses amis + ses amis fans de Kev Adams (détection automatique) • Offrir le spectacle à un ami • Partage de la bande-annonce dans son wall • Commentaire + Like contextuel au média • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 17
  • 18.
    Nos références /VOD • Pathé : Dany Boon • https://apps.facebook.com/danyboon_en_vod/ Contexte : • Promotion pour la sortie DVD du nouveau spectacle de l’humoriste Dany Boon. Leviers de communication : • Inviter ses amis + ses amis fans de Kev Adams (détection automatique) • Offrir le spectacle à un ami • Partage de la bande-annonce dans son wall • Commentaire + Like contextuel au média • A la fin de chaque lecture, une demande de partage est proposée aux internautes Méthodes d’achat : • Facebook Credits ou Carte bancaire via Paybox • Achat du spectacle complet • Achat des sketchs à l’unité Technologie : • Utilisation de Silverlight pour la gestion DRM couplé à PlayReady • Gestion de http et https on Facebook • Gestion du cache pour la tenue de charge 18
  • 19.
    Création de sites+ social plugins 19
  • 20.
    Création de sites+ social Plugins • Music Party • http://musicparty.fr/ Plateforme d’écoute avant-première d’artistes du catalogue Universal + concours + blog associé - Tags Open Graph - Facebook Connect - Like box - Like button par artiste et pas track - Comment box - Widget Facebook Dès la rentrée : application Facebook déployable sur chaque fanpage artiste pour écouter le stream depuis la fanpage 20
  • 21.
    Création de sites+ social Plugins • WebTV Edf http://webtv.edf.com/ - Implémentation sur la TV d’EDF des tags Open Graph pour la lecture des vidéos depuis le wall des utilisateurs. - Intégration du bouton « j’aime » - Intégration en homepage de la likebox 21
  • 22.
    Création de sites+ social Plugins • La webradio EDF http://webradio.edf.com/ - Implémentation sur la page WebRadio des tags Open Graph - Intégration du bouton « j’aime » 22
  • 23.
    Création de sites+ social Plugins • Radio France : Le live • http://politique.radiofrance.fr Ce site a pour vocation de retransmettre en direct les débats politiques de Radio France, chaque dimanche à 18h. Lancement le dimanche 4 septembre. - Intégration des tags Open Graph, du bouton like, de la likebox - Possibilité de commenter via la comment box 23
  • 24.
    Création de sites+ social Plugins • Jenny Craig by Nestlé Nutrition • http://jennycraig.fr/ Refonte du site Français et UK de la marque. Mise en ligne le 5 septembre - Poursuite de la stratégie Facebook : implémentation des tags Open Graph - Bouton « recommander » - Comment box - Like box 24
  • 25.
    Création de sites+ social Plugins • WebTV : Groupama / Franck Camas • http://www.cammas- groupama.tv/ WebTV retraçant 14 années de partenariat Groupama / Franck Cammas en vidéo. - Tags Open Graph, - Boutons like / recommander - Commentaires Facebook 25
  • 26.
  • 27.
    Formations Benchmark Group •Plusieurs formations données • Formation : Développement et intégration des applications Facebook • Les bonnes pratiques pour s'assurer une présence efficace et conforme aux règles de Facebook http://www.ccmbenchmark.com/formation/553-developpement-et-integration-des- applications-facebook 27