Aller au contenu principal

Plugin Capgo pour le suivi d'événements personnalisés

Découvrez un plugin puissant pour le suivi d'événements personnalisés en temps réel qui améliore les performances de l'app et l'expérience utilisateur grâce à des analytics instantanés.

Illustration du blog : Capgo Plugin for Custom Event Tracking Capgo

Capgode Capacitor plugin est un outil pour le suivi d'événements personnalisés en temps réel et des analyses instantanées. It helps developers monitor user behavior and app performance effectively, ensuring a smooth user experience. With 95 % des mises à jour livrées en moins de 24 heures et 1,6 billion de mises à jour déjà servies, Capgo est plébiscité par les développeurs pour sa rapidité et sa fiabilité.

Fonctionnalités clés :

  • Mises à jour rapides: 95% of active users updated within 24 hours.
  • Analytics instantanées: API response time averages 434ms globally.
  • Sécurité: Le chiffrement de bout en bout garantit la sécurité des données.
  • Suivi des événements personnalisés: Monitor user actions, screen views, and app performance.

Configuration requise :

  • Capacitor: Version 5.0 ou supérieure.
  • Node.js: v20.0.0+.
  • Spécifications système: 8 Go de RAM minimum, 256 Go de stockage, processeur Intel i5/AMD Ryzen 5.

Étapes d'installation :

  1. Installer le plugin :

    npm install @capgo/capacitor-updater
  2. Configurez votre clé API :

    npx @capgo/cli init
  3. Synchronisez votre projet :

    npx cap sync

Pourquoi c'est important :

  • 79% of users expect instant responses. Capgo aide à répondre à cette demande.
  • Une mauvaise expérience utilisateur entraîne 80 % d'abandon d'utilisateurs. Le tracking en temps réel peut éviter cela.

Capgo propulse déjà 1,7 K apps et améliore la satisfaction client de 25%. Si vous êtes développeur, ce plugin simplifie le tracking des événements tout en gardant votre application rapide, sécurisée et intuitive.

Mode d'emploi Firebase Analytics avec Ionic

Dashboard de la plateforme Firebase

Prérequis de configuration

Pour commencer avec plugin Capgo, vous devrez vous assurer que votre système est correctement configuré pour prendre en charge ses fonctionnalités.

Configuration requise

Assurez-vous que votre environnement de développement respecte les spécifications suivantes :

Composant Exigence minimale Recommandé
Capacitor 5.0+ Dernière version stable
Node.js v20.0.0+ Version LTS
RAM système 8 Go 16 Go
Stockage 256 Go SSD de 512 Go
Processeur Intel i5/AMD Ryzen 5 Intel i7/AMD Ryzen 7

Configuration requise par plateforme :

  • Pour le développement iOS (macOS uniquement) :

    • macOS 13.0 (Ventura) ou version ultérieure
    • Xcode 16.0+
    • CocoaPods 1.12.0+
    • Un compte Apple Developer actif
  • Pour le développement Android :

    • Android Studio Hedgehog (2023.1.1) ou version ultérieure
    • Android SDK API niveau 23+
    • JDK 17
    • Gradle 8.0+

Étapes d'installation du plugin

Une fois votre environnement prêt, suivez ces étapes pour installer et configurer le plugin Capgo :

  1. Installer le plugin Capgo :

    Exécutez la commande suivante dans le répertoire de votre projet :

    npm install @capgo/capacitor-updater
  2. Configurer votre clé API :

    Initialisez le plugin et configurez votre clé API avec :

    npx @capgo/cli init
  3. Vérifier l' installation du plugin:

    Vérifiez que le plugin est correctement installé en exécutant :

    npm list @capgo/capacitor-updater

Synchronisation du projet

Après l’installation du plugin, synchronisez votre projet avec les plateformes natives. Cette étape garantit que tout est aligné et à jour. Le processus de synchronisation comprend :

Tâche Objectif
Transfert des assets web Met à jour les plateformes natives avec les derniers assets web
Mises à jour de configuration Ajuste les fichiers de configuration spécifiques à la plateforme
Installation des dépendances Installe toutes les dépendances natives requises

Pour effectuer la synchronisation, exécutez la commande suivante :

npx cap sync

Configuration des événements personnalisés

Le plugin Capgo offre un moyen fiable de suivre des événements personnalisés, vous aidant à surveiller efficacement les actions des utilisateurs et les performances de l'app.

Structure de l'événement

Chaque événement que vous suivez est composé de deux parties principales :

Composant Description Exemple
Nom de l'événement Un identifiant court et descriptif (max 40 caractères) user_subscription_started
Paramètres de l'événement Des paires clé-valeur fournissant un contexte supplémentaire {plan_type: "solo", price: 12}

Conseils pour nommer vos événements :

  • Commencez toujours par une lettre.
  • Utiliser snake_case et respectez la casse.
  • Gardez des noms courts mais explicites.
  • Évitez d'utiliser des mots-clés réservés.

Une fois votre format d'événement défini, vous pouvez commencer à logger des événements avec les méthodes ci-dessous.

Méthodes de logging d'événements

Pour suivre les événements, utilisez la logEvent méthode. Voici comment logger des événements et des transactions de base :

await CapacitorUpdater.logEvent({
  name: "feature_accessed",
  data: {
    feature_name: "live_updates",
    access_time: Date.now()
  }
});

await CapacitorUpdater.logEvent({
  name: "purchase_completed",
  data: {
    plan: "MAKER",
    amount: 33.00,
    currency: "USD",
    subscription_period: "annual"
  }
});

Suivi des écrans

Vous pouvez aussi suivre les vues d'écran pour comprendre comment les utilisateurs naviguent dans votre app :

await CapacitorUpdater.logScreenView({
  screen_name: "settings_page",
  screen_class: "SettingsComponent",
  parameters: {
    source: "main_menu",
    user_type: "admin"
  }
});

Bonnes pratiques pour le suivi des écrans :

  • Respectez des conventions de nommage cohérentes sur toutes les plateformes.
  • Ajoutez des paramètres de contexte pertinents pour de meilleurs insights.
  • Suivez les heures d'entrée et de sortie des écrans.
  • Utilisez ces données pour analyser efficacement les parcours de navigation des utilisateurs.

Monitoring et tests

Capgo propose des outils pour surveiller vos événements personnalisés et résoudre les problèmes d'implémentation en temps réel, afin de garantir le bon fonctionnement de votre app.

Outils de debug

Suivez vos flux d'événements grâce à ces options de débogage :

L'utilisation du Capgo CLI Commande de débogage:

npx @capgo/cli@latest app debug

Cette commande vous offre une vue en direct de votre suivi d'événements, affichant les noms, les paramètres et le statut de transmission en temps réel.

Pour un débogage plus avancé, vous pouvez vous appuyer sur des outils spécifiques à chaque plateforme :

Plateforme Outil de débogage Objectif
iOS Xcode + LLDB Inspecter le code natif, analyser l’utilisation de la mémoire
Android Android Studio + Logcat Log events in real-time, profile performance
Le Web Chrome DevTools / Safari Inspector Déboguer le JavaScript, surveiller les requêtes réseau

Si vous avez besoin de logs plus détaillés, vous pouvez activer la journalisation verbale avec cette commande :

npx cap run ios --verbose

Une fois que vous avez vérifié que le flux d’événements fonctionne comme prévu, il est temps d’affiner les paramètres de transfert de données pour de meilleures performances.

Paramètres de transfert de données

Après avoir vérifié vos événements à l’aide de l’outillage de débogage, vous pouvez optimiser les paramètres de transfert de données pour garantir des performances fluides et efficaces. Par exemple, le CDN de Capgo peut transférer un bundle de 5 Mo en seulement 114 ms, avec un temps de réponse API de 434 ms.

Exemple de configuration de sécurité :

await CapacitorUpdater.configure({
  encryption: true,
  compressionLevel: "high",
  retryAttempts: 3,
  batchSize: 50
});

Pour les applications traitant un grand volume de données, voici les bonnes pratiques à suivre :

  • Utilisez le traitement par lots pour minimiser la surcharge.
  • Implémentez une logique de retry avec backoff exponentiel pour gérer les problèmes réseau.
  • Appliquez la compression pour réduire la taille des gros payloads.

Pour sécuriser vos données tout en maintenant la vitesse, Capgo intègre des vérifications de validation et des protocoles de chiffrement. Ces fonctionnalités garantissent que votre suivi d'événements reste à la fois fiable et efficace.

Configuration avancée

Propriétés utilisateur

Avec le plugin Capgo, vous pouvez configurer des propriétés utilisateur persistantes pour suivre efficacement le comportement des utilisateurs d'une session à l'autre. Voici un exemple :

await CapgoPlugin.setUserProperties({
  subscriptionTier: "premium",
  deviceType: "mobile",
  region: "US-West",
  lastLoginDate: new Date().toISOString()
});

Pour les applications d'entreprise, il peut être utile d'ajouter des détails basés sur les rôles, comme les rôles et permissions utilisateur, afin d'affiner la segmentation. Une fois la configuration en place, veillez à protéger les données utilisateur sensibles avec des mesures de confidentialité robustes.

Paramètres de confidentialité des données

La conformité à la vie privée est cruciale, surtout avec des réglementations comme le RGPD et la CCPA. Le plugin Capgo simplifie cela grâce à des contrôles de confidentialité intégrés :

await CapgoPlugin.configurePrivacy({
  dataRetention: 90, // Days to retain event data
  piiEncryption: true,
  gdprCompliance: true,
  dataMinimization: true
});

Bonnes pratiques pour la gestion de la confidentialité:

Fonctionnalité de confidentialité Implémentation Impact
Chiffrement des données Chiffrement de bout en bout Sécurise les données pendant le transfert et le stockage
Consentement de l'utilisateur Mécanismes d'opt-in Respecte les exigences légales de confidentialité
Rétention des données Politique par défaut de 90 jours Réduit le stockage des données inutiles
Contrôle d’accès Permissions basées sur les rôles Limiter l'accès aux informations sensibles

Paramètres de performance

Une fois la confidentialité assurée, il est temps d'affiner les performances pour un suivi efficace. Utilisez la configuration suivante pour optimiser l'utilisation des ressources :

await CapgoPlugin.configurePerformance({
  batchSize: 50,
  batchInterval: 30000, // milliseconds
  retryStrategy: {
    maxAttempts: 3,
    backoffMultiplier: 1.5
  },
  compressionThreshold: 1024 // bytes
});

Pour les environnements avec une connexion réseau instable, le batching adaptatif peut aider :

await CapgoPlugin.setNetworkPolicy({
  lowBandwidthMode: true,
  maxPayloadSize: 100000, // bytes
  priorityEvents: ["purchase", "error", "crash"]
});

Ces paramètres garantissent un équilibre entre le suivi en temps réel et une gestion efficace des ressources, même dans des conditions réseau difficiles.

Résumé

Le plugin Capgo se distingue par sa capacité à fournir un monitoring en temps réel et un feedback utilisateur rapide, ce qui en fait un outil puissant pour le tracking d'événements personnalisés et les configurations avancées. En offrant des analyses en temps réel, il simplifie le tracking des événements personnalisés, permettant aux développeurs de suivre de près les performances de leur app et les déploiements de mises à jour.

Avec une portée impressionnante — jusqu'à 95 % des utilisateurs actifs reçoivent les mises à jour dans les 24 heures [1] - le plugin fournit des informations clés via les métriques suivantes :

Type de métrique Capacité de suivi Impact métier
Distribution des mises à jour Surveillance des installations en temps réel Garantit des déploiements de fonctionnalités rapides
Engagement utilisateur Suivi d'événements personnalisés Favorise la prise de décision par la donnée
Détection d'erreurs Identification proactive des problèmes Réduit les interruptions potentielles
Analyse de performance Consommation de bande passante et de ressources Améliore l'efficacité de l'app

Ces métriques soulignent le rôle du plugin pour simplifier les mises à jour de l'app et améliorer l'expérience utilisateur globale. Sa combinaison d'options de configuration avancées, de contrôles de confidentialité et d'analyses en temps réel permet aux développeurs d'anticiper et de résoudre les problèmes avant qu'ils n'affectent les utilisateurs. [1].

Lors de la configuration du suivi d'événements personnalisés, privilégiez les points suivants :

  • Confidentialité des données : Profitez de du chiffrement intégré et des outils de conformité.
  • Suivi des propriétés utilisateur: Use persistent properties to analyze user behavior effectively.
  • Surveillance en temps réel: Obtenez des insights immédiats sur les mises à jour et les installations.

FAQ

::: FAQ

Comment le plugin Capgo protège-t-il les données utilisateur et respecte-t-il les réglementations comme le RGPD ?

Capgo accorde une grande importance à la confidentialité des données et au respect de réglementations comme le RGPD. En utilisant chiffrement de bout en bout, la plateforme garantit que les données des utilisateurs restent sécurisées pendant la transmission. Elle exige également un consentement explicite avant toute collecte, leur offrant un contrôle total sur la gestion de leurs informations.

Pour renforcer son engagement en matière de confidentialité, Capgo mène des évaluations régulières afin d’identifier et de traiter les risques potentiels. Cette approche proactive s’aligne sur les normes strictes de protection des données de l’Union européenne, contribuant à préserver la confiance des utilisateurs tout en restant pleinement conforme aux lois sur la vie privée. :::

::: FAQ

Comment puis-je améliorer les performances du suivi d'événements avec le plugin Capgo ?

Pour obtenir de meilleurs résultats avec le suivi d’événements via le plugin Capgo, adoptez quelques approches intelligentes. D’abord, concentrez-vous sur la réduction de la taille des données envoyées. Découpez les grands jeux de données en morceaux plus petits et gérables, puis compressez-les. Cela accélère non seulement le processus, mais réduit également la consommation de mémoire.

Un autre conseil : utilisez la mise en cache pour les données fréquemment consultées. Cela peut faire une différence notable sur les performances. De plus, des outils comme Firebase et Sentry sont excellents pour surveiller les performances de l’application, l’utilisation des ressources et les temps de réponse. Ces outils vous fournissent des informations en temps réel, vous permettant d’apporter des ajustements rapides et de garder votre application Capacitor fluide.

En utilisant ces stratégies, vous pouvez améliorer les performances du suivi des événements sans compromettre l’expérience utilisateur. :::

::: FAQ

Comment diagnostiquer et résoudre les problèmes liés au suivi d'événements personnalisés avec les outils Capgo ?

Pour résoudre les problèmes de suivi des événements personnalisés dans votre application Capacitor, plusieurs outils et stratégies de Capgo peuvent s'avérer utiles. Commencez par utiliser des outils de débogage web tels que Chrome DevTools ou Safari Web Inspector. Ils sont parfaits pour inspecter les appels API, suivre le chargement des ressources et identifier les erreurs JavaScript. Pour les composants natifs, appuyez-vous sur des outils spécifiques à la plateforme comme Xcode pour iOS ou Android Studio pour Android afin d'approfondir l'analyse des problèmes potentiels.

Clé d’exécution Capacitor CLI commandes est une autre approche efficace. Par exemple, npx cap doctor aide à diagnostiquer les problèmes de configuration, tandis que npx cap sync s’assure que les plugins sont correctement intégrés à votre projet.

Pour une approche plus robuste processus de débogage, vous pouvez également intégrer des plateformes de suivi des erreurs comme Sentry ou LogRocket. Ces outils surveillent les erreurs en temps réel et les interactions des utilisateurs, ce qui les rend particulièrement utiles lors des mises à jour OTA. En combinant ces méthodes, vous pouvez rationaliser le processus de débogage et améliorer les performances de votre suivi d'événements personnalisé. :::

Continuer avec le plugin Capgo pour le suivi d'événements personnalisés

Si vous utilisez Plugin Capgo pour le suivi d'événements personnalisés pour planifier le travail sur les plugins natifs, connectez-l’à Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins, Alternatives aux plugins Ionic Enterprise pour le workflow produit dans les alternatives aux plugins Ionic Enterprise, et Capgo Native Build pour le workflow produit dans Capgo Native Builds.

Live updates pour les apps Capacitor

Lorsqu'un bug de la couche web est en ligne, déployez le correctif via Capgo au lieu d'attendre des jours l'approbation des stores. Les utilisateurs reçoivent la mise à jour en arrière-plan, tandis que les changements natifs suivent le circuit de validation habituel.

Les derniers articles du blog

Capgo vous offre les meilleures informations pour créer une application mobile vraiment professionnelle.