Flutter

Comment mettre en place le server-side sur mon app mobile ?

Etape 1

ACTIVER VOTRE SDK SUR LA NOUVELLE PLATEFORME CAX :

• Afin d’activer la collecte des évènements sur la plateforme Commanders Act X, pensez à activer vos sources de collectes dans le module sources

Mobile APPCommanders Act X

• C’est à cette étape que vous trouverez l’id de votre site et d'un id de source (sourceKey) qui vous sera utile plus tard pour réaliser l’installation du SDK.

---

Etape 2

INTEGREZ NOTRE SDK POUR TRANSMETTRE LES EVENTS DE VOTRE APPLICATION :

• Afin de faciliter la collecte de vos événements depuis votre application mobile nous avons développé un kit SDK Flutter pour faciliter la transmission des données à notre server-side :

Pour implementer les events

GitHub - CommandersAct/tcserverside-flutter-pluginGitHub

Pour implémenter la CMP

GitHub - CommandersAct/tcconsent-flutter-pluginGitHub

• Vous devez implémenter des événements pour chaque action à tracker (page vue, click, etc…)

• Voici un exemple de code permettant d’initialiser un événement :

• Voici un exemple de code permettant d’exécuter un événement :

https://github.com/CommandersAct/tcserverside-flutter-plugin/blob/master/example/lib/main.dart

• Retrouvez ici notre liste complète des événements normalisés :

Events referenceCommanders Act X

N.B : La nouvelle plateforme utilise un datalayer normalisé, le datalayer de votre application mobile doit donc être mise à jour.​

VOUS UTILISEZ AUSSI LE SERVER-SIDE POUR LA COLLECTE DE VOS EVENEMENT ISSUS DE VOTRE SITE WEB ?

• Nous recommandons fortement d'avoir le même datalayer pour l'application web et l'application mobile. ​

Principal bénéfice : une seule destination à configurer pour les deux sources ! ​La configuration de votre destination sera reconnue par le web et le mobile.​

VOUS NE SOUHAITEZ PAS UTILISER NOTRE SDK ?

• Pas de soucis, vous pouvez nous transmettre directement vos events grâce à nos API..

HTTP tracking API sourceCommanders Act X

---

Etape 3

INTEGRER LES METHODES D'INITIALISATION :

• Pré-requis :

  • vous aurez besoin d’une sourceKey spécifique pour définir la source. (rendez-vous à l'étape 1)

  • Vous aurez besoin d’un siteID pour définir le workspace correspondant

• Optionnel :

  • Vous pouvez utiliser la classe TCUser pour transmettre des informations pertinentes sur votre utilisateurs.

  • Voici un exemple de code que vous pouvez consulter

GitHub - CommandersAct/TCMobileDemo-flutterGitHub

• Documentation de la méthode d’initialisation

https://github.com/CommandersAct/tcserverside-flutter-plugin/blob/master/example/lib/main.dart

N.B : Vous pouvez vous référez à la FAQ pour plus de détails.

---

Etape 4

TESTEZ VOTRE IMPLEMENTATION AVANT DE METTRE EN PRODUCTION :

• Un test d'assurance qualité et une validation sont fortement recommandés avant le lancement en production !​

• Voici quelques éléments pour vous aider dans la réalisation de votre recette :

Testing => astuces comment tester

https://github.com/CommandersAct/AndroidV5/tree/master/TCServerSide#testing

Debugging => liste de méthodes pour afficher les logs dans votre application

https://github.com/CommandersAct/AndroidV5/tree/master/TCServerSide#testing

Common errors list => Liste des erreurs les plus courantes

https://github.com/CommandersAct/AndroidV5/tree/master/TCServerSide#testing

VOUS RENCONTREZ DES DIFFICULTES POUR INSTALLER NOS SDK ?

• Afin de vous aider dans l’implémentation du SDK nous avons créé un environnement de démonstration. Celui-ci vous permettra de visualiser la bonne méthode d’implémenter la collecte des évènements sur le server-side :

GitHub - CommandersAct/TCMobileDemo-flutterGitHub

---

Etape 5

CONFIGUREZ VOS DESTINATIONS EST ACTIVEZ VOS DONNEES :

• Votre set up est maintenant terminé, vous pouvez maintenant configurer vos première destination.

Destinations overviewCommanders Act X

VOUS DISPOSEZ DU MODULE DE SEGMENTATION ?

• Améliorez votre ROI en activant vos audiences sur le meilleur canal et améliorez l’expérience utilisateur on-site et off-site.

SegmentCommanders Act X

Download section :

Télécharger l'inforgraphie :

1MB

Flutter-Infographie-FR.pdf

pdf

Vous avez encore des questions ? Consultez notre FAQ :

SDK