Présentation du model publicitaire Microsoft Présentation du AdsSDK Bonnes pratiques et retour d'experiences sur son intégration dans les applications WindowsPhone et Windows8

1. Bonnes pratiques de
l'intégration de la publicité dans
les applications Windows 8 et
WP8
Nathalie Belval Cyril Cathala
Experte .NET Expert .NET
Soat Soat
@nbelval @CyrilCathala
http://blog.devndesign.fr http://cyril.cathala.org

2. Retrouvez-nous sur le stand 61
Windows
Phone Windows 8 Azure Design

3. Nathalie BELVAL Cyril CATHALA
Experte C#/XAML
nathalie.belval@soat.fr
Twitter : @nbelval
Blog : blog.devndesign.fr
tile’s up Smart ScanCode SmartShopping Wallbase Quoties Showrizo

4. Agenda
Stratégie de monétisation
Intégration du SDK
Bonnes pratiques
Pièges à éviter

5. VOCABULAIRE

6. Lexique
Ad unit : bannière de publicité
Impression : affichage d’une publicité
Fill rate = requêtes satisfaites / nombre de requêtes
CPM : Cost per mille impressions
CPC : Cost per click
CPA : Cost per action
eCPM = (revenus totaux / nombre d’impressions) x 1000
PubCenter : portail de reporting et configuration
VOCABULAIRE

7. Pub ou ne pas pub ?
STRATÉGIE DE MONÉTISATION

8. Comment gagner de l’argent en masse ?

9. Comment gagner de l’argent en masse ?
Application payante
– try & buy
In-app purchase
– durable & consommable
Publicité
MONÉTISATION

10. La meilleure stratégie ?
Marché cible
– Taux de rétention = potentiel d’impressions
Compétition
– Peu de concurrents ou fonctions exclusives = payant
Online / offline
– Offline = pas de publicité
Image de marque
– Complément de produit = gratuit ?
MONÉTISATION

11. La meilleure stratégie ?
app payante in-app purchase publicité
Fort taux de rétention ✓
Fonctionnalités
✓ ✓ ✓
différenciantes
Concurrence faible ✓ ✓ ✓
Offline ✓ ✓
Abonnement ✓
Complément de produit (✓) (✓) (✓)
MONÉTISATION

12. Scénarios incluant la publicité
1 2
App App gratuite
payante
Version d’essai Option : pub
avec pub désactivable via
in-app
purchase
MONÉTISATION

13. MICROSOFT ADVERTISING SDK

14. Intégration du SDK : workflow
Windows
Dev Center Visual Studio PubCenter (Phone)
Store
Télécharger Intégrer Configurer Publier $$$
✓ Informations du compte valides
PAIEMENT
✓ Seuil : 50€
✓ Paiement le 10 du mois suivant
MICROSOFT ADVERTISING SDK

15. Windows Phone
MICROSOFT ADVERTISING SDK

16. Microsoft Ad SDK : Windows Phone
• Inclus dans le SDK WP8
• C# / XAML
• Intégré au Windows Phone Dev Center
• 2 expériences différentes : texte, image
• 5 tailles disponibles
MICROSOFT ADVERTISING SDK

17. Tailles disponibles
480 x 640
480 x 800 480 x 853
480x80 300x50 480x640 480x800 480x853
MICROSOFT ADVERTISING SDK

18. Valeurs de test
ApplicationId : test_client
Ad Unit (Largeur x Hauteur) Expérience AdUnitId
480 x 80 Text Ad TextAd
480 x 80 XXL Image Banner 6:1 Image480_80
300 x 50 X-Large Image Banner 6:1 Image300_50
480 x 640 Full Screen Banner (via Dev Center) N/A
480 x 800 Full Screen Banner (via Dev Center) N/A
480x 853 Full Screen Banner (via Dev Center) N/A
MICROSOFT ADVERTISING SDK

19. Intégration du Microsoft Advertising SDK
WINDOWS PHONE
MICROSOFT ADVERTISING SDK

20. Windows 8
MICROSOFT ADVERTISING SDK

21. Microsoft Ad SDK : Windows 8
• Adapté à l’expérience Windows 8
• C# / XAML ou JS / HTML5
• 6 expériences différentes : texte, image,
vidéo
• 7 tailles disponibles
• D’autres tailles et expériences à venir …
MICROSOFT ADVERTISING SDK

22. Tailles disponibles
160x600 250x125 728x90 250x250
292x60 300x250 500x130
MICROSOFT ADVERTISING SDK

23. Valeurs de test
ApplicationId : d25517cb-12d4-4699-8bdc-52040c712cab
Ad Unit (Largeur x Hauteur) Expérience AdUnitId
160 x 600 Windows 8 Image Ad with click to Full Screen Image 10043136
160 x 600 Windows 8 Video Ad with click to Full Screen Video 10043135
160 x 600 Windows 8 Image Ad 10043134
250 x 125 Windows 8 Image + Text Ad 10043124
250 x 250 Windows 8 Text Ad 10043106
250 x 250 Windows 8 Image Ad with click to Full Screen Image 10043107
250 x 250 Windows 8 Image Ad with Hotspots 10043104
250 x 250 Windows 8 Image + Text Ad 10043105
292 x 60 Windows 8 Image + Text Ad 10043074
300 x 250 Windows 8 Image Ad with click to Full Screen Image 10043055
300 x 250 Windows 8 Video Ad with click to Full Screen Video 10043056
300 x 250 Windows 8 Image + Text Ad 10043008
300 x 250 Windows 8 Image Ad with Hotspots 10043057
500 x 130 Windows 8 Image + Text Ad 10043008
728 x 90 Windows 8 Image Ad with click to Full Screen Image 10043000
728 x 90 Windows 8 Video Ad with click to Full Screen Video 10042999
728 x 90 Windows 8 Image Ad 10042998

24. Microsoft Ad SDK : Windows 8 windows.external.notify
ScriptNotify
Web Contrôle WebView
postMessage
Contexte local
XAML
Ad HTML5
SD
Javascript
K C# interface
interface
Microsoft.Advertising.WinMd
InvokeScript
WinRT

25. Intégration du Microsoft Advertising SDK
WINDOWS 8
MICROSOFT ADVERTISING SDK

26. « Ma pub ne s’affiche pas »
Pas de connexion
Mode émulateur (WP)
ApplicationId ou AdUnitId erronés
Dimensions trop petites
Publicité indisponible / localisation non
supportée
Capabilities manquantes
MICROSOFT ADVERTISING SDK

27. Capabilities : récapitulatif
Windows Phone 7 & 8 Windows 8
ID_CAP_IDENTITY_USER Internet (Client)
ID_CAP_MEDIALIB_PHOTO (WP8)
ID_CAP_MEDIALIB (WP7)
ID_CAP_NETWORKING
XNA
ID_CAP_PHONEDIALER
ID_CAP_IDENTITY_USER
ID_CAP_WEBBROWSERCOMPONENT
ID_CAP_NETWORKING
ID_CAP_PHONEDIALER
MICROSOFT ADVERTISING SDK

28. Aller plus loin
Localisation
– Geolocator
– RegionInfo.Current
Bascule test/prod
– Directives préprocesseur
MICROSOFT ADVERTISING SDK

29. Localisation
WINDOWS PHONE 8
MICROSOFT ADVERTISING SDK

30. Bonnes pratiques
RETOURS D’EXPERIENCE

31. Bonnes pratiques
guideline taux
s cible dispo fidéliser design
RETOURS D’EXPERIENCE

32. Bonnes pratiques
GUIDELINES

33. Lignes directrices

34. Guidelines
 Que des publicités : NON !
 Du contenu inaproprié : NON !
 De la pub dans la description, tuiles,
notifications ou app bar : NON !
 Publicité exécutant du code ne provenant
pas de la régie : NON !
RETOURS D’EXPERIENCE

35. Pas bien !

36. Pas bien !

37. EULA
• End Users License Agreement
– Partage de données (localisation, données utilisateur)
=> Notification + demande d’accord
– Catégorie d’âge : 12+
• C:Program Files (x86)Microsoft
SDKsWindowsv8.0ExtensionSDKsMSAdvertisingJS6.1
C:Program Files (x86)Microsoft
SDKsWindowsv8.0ExtensionSDKsMSAdvertisingXaml6.1
RETOURS D’EXPERIENCE

38. Bonnes pratiques
CIBLE

39. Cibler
Cibler son public au maximum
– Localisation
– Catégories
RETOURS D’EXPERIENCE

40. Bonnes pratiques
TAUX DE DISPONIBILITÉ

41. Taux de disponibilité
Publicité indisponible
Perte de connexion
Microsoft Ad Control
Boucher les trous Ad Control Alternatif
– Contenu alternatif Contenu offline
– Technique des couches
RETOURS D’EXPERIENCE

42. Remplir les blancs

43. Remplir les blancs

44. Remplir les blancs

45. Choisir une régie publicitaire alternative
Système de paiement (impression, clic…)
eCPM
Disponibilité mondiale
Reporting
Moyen de rémunération régulier (virement, Paypal...)
Publicités de qualité :
– Ciblées et adaptées
SDK de qualité
– A jour, sécurisé et stable
– Facile à intégrer
RETOURS D’EXPERIENCE

46. Faire tourner la publicité
AdRotator
– http://wp7adrotator.codeplex.com
– WP7 (Silverlight+XNA), WP8, Windows 8
– Disponible via Nuget
Unified Ad Control
– http://wpunifiedad.codeplex.com
– WP7
– Disponible via Nuget
RETOURS D’EXPERIENCE

47. Bonnes pratiques
FIDÉLISER

48. Fidéliser
Donner envie de revenir et soigner son
app pour qu’elle soit :
– Simple & intuitive
– Belle interface, animations fluides
– Qualité irréprochable : 0 crash = 0 frustration
– Gametisation
– Se différencier
– Mises à jour fréquentes
RETOURS D’EXPERIENCE

49. Bonnes pratiques
DESIGN

50. Design
Sélectionner le bon format
Positionnement
– Etre astucieux
– Respecter les alignements
Adapter à toutes les vues
– Tirer profit du design Microsoft
– Portrait, paysage, snapped
Pas d’intrusion / saturation
RETOURS D’EXPERIENCE

51. Design
RETOURS D’EXPERIENCE

52. Showcase
BONNES PRATIQUES : DESIGN
RETOURS D’EXPERIENCE

53. Les pièges à éviter
RETOURS D’EXPERIENCE

54. Windows Phone
Toujours s’abonner à l’évènement d’erreur
– ErrorOccurred
Toujours spécifier les dimensions
– adControl.Width/Height
Attention à la conversion WP7 => WP8
– Capabilities à cocher
– Modifier les références
RETOURS D’EXPERIENCE

55. Windows 8 + XAML
• Problème du « z-index »
• Performance durant le scrolling
Le coupable : WebView
Les solutions : mettre a jour le SDK
(http://go.microsoft.com/?linkid=9815330)
– Avant : Suspend/Resume + IsPerformanceScrolling
– Maintenant : UseStaticAnchor
RETOURS D’EXPERIENCE

56. Windows 8 + XAML
• Focus sur la pub à son chargement
Le coupable : WebView (encore !)
La solution :
1. Refresh() manuel
2. IsEnabled = false
RETOURS D’EXPERIENCE

57. CONCLUSION

58. Conclusion
Application adaptée
Microsoft Advertising : meilleure
expérience possible
Patience …
Fidéliser les utilisateurs
CONCLUSION

59. Questions ?
@CyrilCathala
@nbelval
@maxgirardeau
REPONSES !

60. Donnez votre avis !
Depuis votre smartphone, sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures !!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les TechDays

61. Développeurs Pros de l’IT
http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com
http://aka.ms/evenements-
developpeurs Retrouvez nos évènements http://aka.ms/itcamps-france
Les accélérateurs
Faites-vous accompagner
Windows Azure, Windows Phone,
gratuitement
Windows 8
Essayer gratuitement nos http://aka.ms/telechargements
solutions IT
La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet
http://aka.ms/devteam Microsoft http://aka.ms/itteam