# Flutter

## 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 

{% embed url="<https://doc.commandersact.com/features/sources/sources-catalog/mobile-app>" %}

* 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 :&#x20;

#### Pour implementer les events

{% embed url="<https://github.com/CommandersAct/tcserverside-flutter-plugin>" %}

#### Pour implémenter la CMP

{% embed url="<https://github.com/CommandersAct/tcconsent-flutter-plugin>" %}

* 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 :

<figure><img src="https://3381090214-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEe3W7NzUcXEd8EpLaNY9%2Fuploads%2FGkF7UeBdOMC9TQpHz233%2Fimage.png?alt=media&#x26;token=8cbadbd4-d72b-4261-bfb1-700a697caead" alt=""><figcaption></figcaption></figure>

* Voici un exemple de code permettant d’exécuter un événement :&#x20;

{% embed url="<https://github.com/CommandersAct/tcserverside-flutter-plugin/blob/master/example/lib/main.dart>" %}

* Retrouvez ici notre liste complète des événements normalisés :&#x20;

{% embed url="<https://community.commandersact.com/platform-x/developers/tracking/events-reference>" %}

{% hint style="info" %}
*N.B : La nouvelle plateforme utilise un datalayer normalisé, le datalayer de votre application mobile doit donc être mise à jour.​*
{% endhint %}

#### 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. ​

{% hint style="success" %}
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.​
{% endhint %}

#### VOUS NE SOUHAITEZ PAS UTILISER NOTRE SDK ?

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

{% embed url="<https://doc.commandersact.com/features/sources/sources-catalog/server/http-tracking-api>" %}

***

## Etape 3

#### INTEGRER LES METHODES D'INITIALISATION :&#x20;

* Pré-requis : &#x20;
  * vous aurez besoin d’une sourceKey spécifique pour définir la source. ([rendez-vous à l'étape 1](#etape-1))
  * Vous aurez besoin d’un siteID pour définir le workspace correspondant
* Optionnel :&#x20;
  * Vous pouvez utiliser la classe TCUser pour transmettre des informations pertinentes sur votre utilisateurs.
  * Voici un exemple de code que vous pouvez consulter

{% embed url="<https://github.com/CommandersAct/TCMobileDemo-flutter>" %}

* Documentation de la méthode d’initialisation

{% embed url="<https://github.com/CommandersAct/tcserverside-flutter-plugin/blob/master/example/lib/main.dart>" %}

{% hint style="info" %}
*N.B : Vous pouvez vous référez à la FAQ pour plus de détails.*&#x20;
{% endhint %}

***

## Etape 4

#### TESTEZ VOTRE IMPLEMENTATION AVANT DE METTRE EN PRODUCTION :&#x20;

* 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 :&#x20;

#### Testing => astuces comment tester

{% embed url="<https://github.com/CommandersAct/AndroidV5/tree/master/TCServerSide#testing>" %}

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

{% embed url="<https://github.com/CommandersAct/AndroidV5/tree/master/TCServerSide#testing>" %}

#### &#x20;Common errors list => Liste des erreurs les plus courantes

{% embed url="<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 :&#x20;

{% embed url="<https://github.com/CommandersAct/TCMobileDemo-flutter>" %}

***

## Etape 5

#### CONFIGUREZ VOS DESTINATIONS EST ACTIVEZ VOS DONNEES :&#x20;

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

{% embed url="<https://doc.commandersact.com/features/destinations/add-destination>" %}

#### &#x20;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.

{% embed url="<https://doc.commandersact.com/features/customers/segment>" %}

## Download section :&#x20;

### Télécharger l'inforgraphie :&#x20;

{% file src="<https://3381090214-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEe3W7NzUcXEd8EpLaNY9%2Fuploads%2F4hw0GEaa7abbSlKEPxdq%2FFlutter-Infographie-FR.pdf?alt=media&token=898d150c-7c01-402a-a4ec-eae991514b3e>" %}

## Vous avez encore des questions ? Consultez notre FAQ :&#x20;

{% content-ref url="../../../../faqs/entreprise-tag-management/sdk" %}
[sdk](https://community.commandersact.com/customer-success/francais-1/faqs/entreprise-tag-management/sdk)
{% endcontent-ref %}