integration-vue-3

Par posthog · skills

Intégration PostHog pour les applications Vue 3

npx skills add https://github.com/posthog/skills --skill integration-vue-3

Intégration PostHog pour Vue 3

Cette skill vous aide à ajouter PostHog analytics à vos applications Vue 3.

Workflow

Suivez ces étapes dans l'ordre pour compléter l'intégration :

  1. basic-integration-1.0-begin.md - Configuration PostHog - Début ← Commencez ici
  2. basic-integration-1.1-edit.md - Configuration PostHog - Édition
  3. basic-integration-1.2-revise.md - Configuration PostHog - Révision
  4. basic-integration-1.3-conclude.md - Configuration PostHog - Conclusion

Fichiers de référence

  • references/EXAMPLE.md - Code du projet exemple Vue 3
  • references/vue-js.md - Vue.js - docs
  • references/identify-users.md - Identifier les utilisateurs - docs
  • references/basic-integration-1.0-begin.md - Configuration PostHog - début
  • references/basic-integration-1.1-edit.md - Configuration PostHog - édition
  • references/basic-integration-1.2-revise.md - Configuration PostHog - révision
  • references/basic-integration-1.3-conclude.md - Configuration PostHog - conclusion

Le projet exemple montre le pattern d'implémentation cible. Consultez la documentation pour les détails des API.

Principes clés

  • Variables d'environnement : Utilisez toujours des variables d'environnement pour les clés PostHog. Ne les codez jamais en dur.
  • Changements minimaux : Ajoutez le code PostHog aux côtés des intégrations existantes. Ne remplacez pas ou ne restructurez pas le code existant.
  • Correspondre à l'exemple : Votre implémentation doit suivre les patterns du projet exemple aussi fidèlement que possible.

Directives de framework

Aucune directive de framework spécifique.

Identification des utilisateurs

Identifiez les utilisateurs lors des événements de connexion et d'inscription. Reportez-vous au code exemple et à la documentation pour connaître le pattern d'identification correct pour ce framework. Si du code frontend et backend existe, passez la session côté client et l'ID distinct en utilisant les headers X-POSTHOG-DISTINCT-ID et X-POSTHOG-SESSION-ID pour maintenir la corrélation.

Suivi des erreurs

Ajoutez le suivi des erreurs PostHog aux fichiers pertinents, particulièrement autour des flux utilisateur critiques et des limites des API.

Skills similaires