Documentation : Tracker un événement "clickout" dans Firebase Analytics avec Flutter

Contexte

Nous allons tracker un événement personnalisé nommé clickout dans Firebase Analytics. Cet événement est déclenché lorsqu’un utilisateur clique sur une offre promotionnelle spécifique (par exemple, un lien affilié). Voici les détails de l’événement à tracker :

• Événement : clickout
• Paramètres associés :
  • offer_type : Type de l’offre (ex. : "offre")
  • offer_description : Description de l’offre (ex. : "FONCEZ ! 30€ de réduc IMMÉDIATE sur la totalité du site avec Carrefour Voyages")
  • offer_affiliation : Partenaire d’affiliation (ex. : "Effiliation")
  • offer_brand : Marque de l’offre (ex. : "Carrefour Voyages")
  • offer_url : URL de l’offre (ex. : "https://track.effiliation.com/servlet/effi.click?id_compteur=22867969")
  • offer_img : URL de l’image associée (ex. : "https://mercinanou.s3.eu-west-3.amazonaws.com/content/marchands/logos/jpg/logo-carrefourvoyages.jpg")
  • offer_category : Catégorie de l’offre (ex. : "Code Promo > Voyage > Séjours")

Prérequis

• Le package firebase_analytics doit être intégré dans ton projet Flutter.
• Firebase doit être correctement configuré dans ton application (fichiers google-services.json pour Android et GoogleService-Info.plist pour iOS).

Ajoute la dépendance dans ton pubspec.yaml si ce n’est pas déjà fait :

yaml

CollapseEnvelopperCopier

dependencies: firebase_analytics: ^10.0.0

Implémentation dans Flutter

Voici un exemple de code pour envoyer l’événement clickout à Firebase Analytics lorsqu’un utilisateur clique sur l’offre :

dart

CollapseEnvelopperCopier

`import 'package:firebase_analytics/firebase_analytics.dart';

class AnalyticsService { static FirebaseAnalytics analytics = FirebaseAnalytics.instance;

/// Envoie un événement "clickout" avec les paramètres de l’offre static Future<void> logClickoutEvent({ required String offerType, required String offerDescription, required String offerAffiliation, required String offerBrand, required String offerUrl, required String offerImg, required String offerCategory, }) async { await analytics.logEvent( name: 'clickout', // Nom de l’événement (max 40 caractères) parameters: { 'offer_type': offerType, 'offer_description': offerDescription.substring(0, 100), // Limite à 100 caractères pour ce paramètre 'offer_affiliation': offerAffiliation, 'offer_brand': offerBrand, 'offer_url': offerUrl, 'offer_img': offerImg, 'offer_category': offerCategory, }, ); print('Événement clickout envoyé à Firebase Analytics'); } } // Exemple d’utilisation void onOfferClicked() { AnalyticsService.logClickoutEvent( offerType: 'offre', offerDescription: 'FONCEZ ! 30€ de réduc IMMÉDIATE sur la totalité du site avec Carrefour Voyages', offerAffiliation: 'Effiliation', offerBrand: 'Carrefour Voyages', offerUrl: 'https://track.effiliation.com/servlet/effi.click?id_compteur=22867969', offerImg: 'https://mercinanou.s3.eu-west-3.amazonaws.com/content/marchands/logos/jpg/logo-carrefourvoyages.jpg', offerCategory: 'Code Promo > Voyage > Séjours', ); }`