bonnes pratiques de l’intégration de la publicité dans les applications windows 8 et wp8

@CyrilCathala

http://cyril.cathala.org

Bonnes pratiques de

l'intégration de la publicité dans

les applications Windows 8 et

WP8Cyril Cathala

Expert .NET

Soat

@nbelval

http://blog.devndesign.fr

Nathalie Belval

Experte .NET

Soat

Retrouvez-nous sur le stand 61

Windows

Phone Windows 8 DesignAzure

Nathalie BELVAL Cyril CATHALAExperte C#/[email protected]

Twitter : @nbelval

Blog : blog.devndesign.fr

tile’s up Smart ScanCode SmartShopping Wallbase Quoties Showrizo

Stratégie de monétisation

Intégration du SDK

Bonnes pratiques

Pièges à éviter

Agenda

VOCABULAIRE

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

Lexique

VOCABULAIRE

STRATÉGIE DE MONÉTISATION

Pub ou ne pas pub ?

Comment gagner de l’argent en masse ?

Application payante– try & buy

In-app purchase– durable & consommable

Publicité

Comment gagner de l’argent en masse ?

MONÉTISATION

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 ?

La meilleure stratégie ?

MONÉTISATION

app payante in-app purchase publicité

Fort taux de rétention ✓

Fonctionnalités

différenciantes✓ ✓ ✓

Concurrence faible ✓ ✓ ✓

Offline ✓ ✓

Abonnement ✓

Complément de produit (✓) (✓) (✓)

La meilleure stratégie ?

MONÉTISATION

Scénarios incluant la publicité

MONÉTISATION

App

payanteVersion d’essai

avec pub

1

App gratuite

Option : pub

désactivable via

in-app

purchase

2

MICROSOFT ADVERTISING SDK

Intégration du SDK : workflow


Dev Center PubCenter

Télécharger Configurer

Visual Studio

Intégrer

Windows

(Phone)

Store

Publier $$$

✓ Informations du compte valides

✓ Seuil : 50€

✓ Paiement le 10 du mois suivantPA

IEM

EN

T


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 Ad SDK : Windows Phone


480x800 480x853300x50 480x640480x80

Tailles disponibles


480 x 640480 x 800 480 x 853

ApplicationId : test_client

Valeurs de test


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

WINDOWS PHONE

Intégration du Microsoft Advertising 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 Ad SDK : Windows 8


250x250

300x250 500x130292x60

728x90250x125

Tailles disponibles


160x600

ApplicationId : d25517cb-12d4-4699-8bdc-52040c712cab

Valeurs de test

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 Hotspots 10043104






300 x 250 Windows 8 Image Ad with Hotspots 10043057




728 x 90 Windows 8 Image Ad 10042998

Microsoft Ad SDK : Windows 8

Contexte local

Web Contrôle WebView

HTML5

XAML

Javascript

interfaceC# interface

Microsoft.Advertising.WinMd

WinRT

postMessage

windows.external.notify

ScriptNotify

InvokeScript

Ad

SD

K

WINDOWS 8

Intégration du Microsoft Advertising SDK


Pas de connexion

Mode émulateur (WP)

ApplicationId ou AdUnitId erronés

Dimensions trop petites

Publicité indisponible / localisation non supportée

Capabilities manquantes

« Ma pub ne s’affiche pas »


Capabilities : récapitulatif


Windows 8

Internet (Client)

XNA

ID_CAP_IDENTITY_USER

ID_CAP_NETWORKING

ID_CAP_PHONEDIALER

Windows Phone 7 & 8

ID_CAP_IDENTITY_USER

ID_CAP_MEDIALIB_PHOTO (WP8)

ID_CAP_MEDIALIB (WP7)

ID_CAP_NETWORKING

ID_CAP_PHONEDIALER

ID_CAP_WEBBROWSERCOMPONENT

Localisation– Geolocator

– RegionInfo.Current

Bascule test/prod– Directives préprocesseur

Aller plus loin


WINDOWS PHONE 8

Localisation


RETOURS D’EXPERIENCE

Bonnes pratiques

Bonnes pratiques


fidéliser

guideline

s designcibletaux

dispo

GUIDELINES

Bonnes pratiques

Lignes directrices

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 !

Guidelines


Pas bien !

• 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

SDKs\Windows\v8.0\ExtensionSDKs\MSAdvertisingJS\6.1

C:\Program Files (x86)\Microsoft

SDKs\Windows\v8.0\ExtensionSDKs\MSAdvertisingXaml\6.1

EULA


CIBLE

Bonnes pratiques

Cibler son public au maximum– Localisation

– Catégories

Cibler


TAUX DE DISPONIBILITÉ

Bonnes pratiques

Publicité indisponible

Perte de connexion

Boucher les trous– Contenu alternatif

– Technique des couches

Taux de disponibilité


Contenu offline

Ad Control Alternatif

Microsoft Ad Control

Remplir les blancs

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

Choisir une régie publicitaire alternative


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

Faire tourner la publicité


http://wp7adrotator.codeplex.com/

http://wpunifiedad.codeplex.com/

FIDÉLISER

Bonnes pratiques

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

Fidéliser


DESIGN

Bonnes pratiques

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

Design


Design


BONNES PRATIQUES : DESIGN

Showcase



Les pièges à éviter

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

Windows Phone


• 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

Windows 8 + XAML


http://go.microsoft.com/?linkid=9815330

http://go.microsoft.com/?linkid=9815330

• Focus sur la pub à son chargement

Le coupable : WebView (encore !)

La solution :1. Refresh() manuel

2. IsEnabled = false

Windows 8 + XAML


CONCLUSION

Application adaptée

Microsoft Advertising : meilleure

expérience possible

Patience …

Fidéliser les utilisateurs

Conclusion

CONCLUSION

Questions ?

REPONSES !

@CyrilCathala

@nbelval

@maxgirardeau

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

Formez-vous en ligne

Retrouvez nos évènements

Faites-vous accompagner

gratuitement

Essayer gratuitement nos

solutions IT

Retrouver nos experts

Microsoft

Pros de l’ITDéveloppeurs

www.microsoftvirtualacademy.comhttp://aka.ms/generation-app

http://aka.ms/evenements-

developpeurshttp://aka.ms/itcamps-france

Les accélérateurs

Windows Azure, Windows Phone,

Windows 8

http://aka.ms/telechargements

La Dev’Team sur MSDN

http://aka.ms/devteam

L’IT Team sur TechNet

http://aka.ms/itteam

http://www.microsoftvirtualacademy.com/

http://aka.ms/generation-app



http://aka.ms/evenements-developpeurs




http://aka.ms/itcamps-france



http://aka.ms/Cloud

http://www.microsoft.com/france/msdn/generation-app/accompagnement.aspx?v=WindowsPhone

http://www.microsoft.com/france/msdn/generation-app/accompagnement.aspx?v=Windows8

http://aka.ms/telechargements

http://aka.ms/devteam

http://aka.ms/itteam

bonnes pratiques de l’intégration de la publicité dans les applications windows 8 et wp8

Technology