Introduction à
Mixpanel
![](https://mixpanel.com/wp-content/uploads/2017/07/logo-white.png)
![](https://mixpanel.com/wp-content/uploads/2017/03/cityillustration.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/4241614/avatar.png)
Mickael Lecoq
CTO de Preppy🏆Sport
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/4241670/Capture_d__cran_2017-10-19___10.41.44.png)
![](https://assets-cdn.github.com/images/modules/logos_page/Octocat.png)
![](https://upload.wikimedia.org/wikipedia/fr/thumb/c/c8/Twitter_Bird.svg/738px-Twitter_Bird.svg.png)
![](https://seeklogo.com/images/L/linkedin-icon-logo-05B2880899-seeklogo.com.png)
![](http://www.babonaux.com/wp-content/uploads/2017/08/logo-extra-whitespace.png)
Pourquoi Mixpanel ?
Funnel de conversion
Acquisition
Conversion
![](https://image.flaticon.com/icons/png/512/189/189709.png)
Rétention
![](https://image.flaticon.com/icons/png/512/189/189709.png)
![](https://image.flaticon.com/icons/png/512/189/189709.png)
Referral
![](https://image.flaticon.com/icons/png/512/189/189709.png)
![](https://image.flaticon.com/icons/png/512/189/189709.png)
![](https://image.flaticon.com/icons/png/512/189/189709.png)
Mixpanel
Optimiser le funnel de conversion
![](https://i.imgur.com/PxO2Qv9.gif)
Comment ça marche ?
Votre application web ou mobile
Envoi des évènements :
- création de compte
- ajout au panier
- saisie des informations bancaires
- le paiement est accepté
- ...
Mixpanel
![](https://images.techhive.com/images/article/2017/03/screen-shot-dashboards-100712657-large.jpeg)
SDK
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717443/350845.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717446/ios-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717454/Android_Logo_04.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717459/python-logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718088/Java_logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718093/PHP-logo.svg.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718103/1000px-Ruby_logo.svg.png)
Identifier les utilisateurs
(identify ou alias)
mixpanel.identify("13793");
Javascript
Mixpanel.sharedInstance().identify('123456')
iOS (Swift)
Ajouter des propriétés (set)
mixpanel.people.set({
"Plan": "Premium"
});
Javascript
Mixpanel.sharedInstance().
people.set("New Case Paid",
to: true)
iOS (Swift)
Ajouter les événements (track)
mixpanel.track("Signup");
Javascript
Mixpanel.sharedInstance().
track("Onboarding GO");
iOS (Swift)
Exemple avec un site de e-commerce
L'utilisateur recherche un article
L'utilisateur consulte un article
Il l'ajoute à son panier
Il consulte son panier
Il crée son compte
Il renseigne ses infos bancaires
Le paiement est confirmé
Recherche
article
100
80
Consulte
article
Ajoute
panier
40
10
Crée
Compte
Paiement
confirmé
8
Taux 8%
Retour d'expérience
![](https://pbs.twimg.com/profile_images/613738362210488320/VxmzirQm.png)
Télédermatologie sur smartphone
![](https://epiderm.co/img/xdevices_header.png.pagespeed.ic.QA3pOyUwXA.png)
Étapes pour la création d'un dossier
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
1. Photo à 30 cm de la plaie
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
2. Photo à 15 cm de la plaie
![](http://www.easierdebt.com/wp-content/uploads/2015/10/form-icon.png)
3. Formulaire (sexe, âge, adresse)
4. Présentation du médecin + paiement
![](https://assets.materialup.com/uploads/413382ad-77a8-462b-8e94-c446b36e7e37/bot-%5Bpurple-deeppurple-indigo-blue%5D.png)
5. Démarrage du chat avec le bot (questions sur la plaie/lésion)
![](http://icons.iconarchive.com/icons/graphicloads/100-flat-2/256/chat-2-icon.png)
6. Chat avec le médecin et remise de l'avis médical
Décalage du paiement
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
1. Photo à 30 cm de la plaie
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
2. Photo à 15 cm de la plaie
![](http://www.easierdebt.com/wp-content/uploads/2015/10/form-icon.png)
3. Formulaire (sexe, âge, adresse)
5. Présentation du médecin + paiement
![](https://assets.materialup.com/uploads/413382ad-77a8-462b-8e94-c446b36e7e37/bot-%5Bpurple-deeppurple-indigo-blue%5D.png)
4. Démarrage du chat avec le bot (questions sur la plaie/lésion)
![](http://icons.iconarchive.com/icons/graphicloads/100-flat-2/256/chat-2-icon.png)
6. Chat avec le médecin et remise de l'avis médical
Décalage de la prise de photo et suppression du formulaire
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
2. Photo à 30 cm de la plaie
![](http://vectips.com/wp-content/uploads/2017/03/project-preview-large-2.png)
3. Photo à 15 cm de la plaie
4. Présentation du médecin + paiement
![](https://assets.materialup.com/uploads/413382ad-77a8-462b-8e94-c446b36e7e37/bot-%5Bpurple-deeppurple-indigo-blue%5D.png)
1. Démarrage du chat avec le bot (questions sur la plaie/lésion)
![](http://icons.iconarchive.com/icons/graphicloads/100-flat-2/256/chat-2-icon.png)
5. Chat avec le médecin et remise de l'avis médical
Exemple avec Epiderm
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717402/Capture_d__cran_2016-06-07___11.32.16.png)
Avant optimisation
Exemple avec Epiderm
Après optimisation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2717410/Capture_d__cran_2016-06-07___11.34.13.png)
Suivre le parcours d'un utilisateur
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718183/Capture_d__cran_2016-06-07___15.02.49.png)
Avoir des statistiques sur la retention
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718191/Capture_d__cran_2016-06-07___15.05.53.png)
Faire des relances par notification (ou email)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718199/Capture_d__cran_2016-06-07___15.08.07.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718202/Capture_d__cran_2016-06-07___15.08.25.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718203/Capture_d__cran_2016-06-07___15.08.43.png)
Notification via Webhooks
![](https://s3.amazonaws.com/media-p.slid.es/uploads/528688/images/2719318/Capture_d_e_cran_2016-06-07_a__18.48.10.png)
api.archireport.com/mixpanel/webhook/MyWebHook?mandrill_id=1234
Exemple Webservice :
Notification via Webhooks
![](https://s3.amazonaws.com/media-p.slid.es/uploads/528688/images/2719313/Capture_d_e_cran_2016-06-07_a__18.46.51.png)
Notification via Webhooks
![](https://s3.amazonaws.com/media-p.slid.es/uploads/528688/images/2719369/Capture_d_e_cran_2016-06-07_a__18.56.50.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/528688/images/2719373/Capture_d_e_cran_2016-06-07_a__18.42.00.png)
Suivre l'activité en direct
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718224/Capture_d__cran_2016-06-07___15.13.51.png)
Prédire que l'utilisateur va rester ?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718236/Capture_d__cran_2016-06-07___15.16.36.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718252/Capture_d__cran_2016-06-07___15.19.15.png)
Faire un sondage
![](https://s3.amazonaws.com/media-p.slid.es/uploads/492582/images/2718214/Capture_d__cran_2016-06-07___15.11.10.png)
Demander un avis
![](https://s3.amazonaws.com/media-p.slid.es/uploads/528688/images/2719280/Capture_d_e_cran_2016-06-07_a__18.36.58.png)
Thanks !
Introduction à Mixpanel
By Mickael Lecoq
Introduction à Mixpanel
- 1,296