Demarrage

Objectifs personnalisés

Suivre des actions utilisateur spécifiques au-delà des pages vues

Flowsery Analytics vous permet de surveiller des actions utilisateur specifiques au-dela des pages vues, appelees Objectifs (inscription, abonnement newsletter, paiement initie, etc.).

  • Obtenez une visibilite sur ce que font les visiteurs sur votre site
  • Debloquez la fonctionnalite Journey
  • Ameliorez les predictions de revenus et les entonnoirs de conversion

Vous pouvez suivre les objectifs a l'aide de trois methodes :

Methode n°1 : Suivi cote client avec JavaScript

Appelez la fonction flowsery() et passez le nom de votre objectif en argument. Placez l'extrait JavaScript a l'endroit ou la conversion se produit (par exemple, sur une page de remerciement apres inscription, lorsqu'un utilisateur clique sur un bouton, etc.).

window?.flowsery("signup");

Regles pour goal_name :

  • Utilisez des lettres minuscules
  • Les chiffres, les tirets bas (_) et les tirets (-) sont autorises
  • Maximum 64 caracteres

Utilisation avancee avec des parametres personnalises

Attachez un objet avec des parametres personnalises a vos objectifs pour des analyses plus riches dans Journey :

Objectif avec parametres personnalises
window?.flowsery("initiate_checkout", {
  name: "Elon Musk",
  email: "elon@x.com",
  product_id: "prod_123",
});

Regles pour les parametres personnalises :

  • Noms de proprietes : uniquement des lettres minuscules, des chiffres, des tirets bas (_) et des tirets (-). Maximum 64 caracteres.
  • Valeurs de proprietes : n'importe quelle chaine, maximum 255 caracteres.
  • Maximum 10 parametres personnalises par evenement.

Garantir un suivi fiable (recommande)

Ajoutez cet extrait a votre balise HTML <head> pour garantir que les evenements sont captures meme s'ils se declenchent avant le chargement du script principal :

Extrait de file d'attente d'evenements
<script id="flowsery-queue">
  window.flowsery = window.flowsery || function() {
    window.flowsery.q = window.flowsery.q || [];
    window.flowsery.q.push(arguments);
  };
</script>

Methode n°2 : Suivi cote client avec les attributs data HTML

Suivez automatiquement les objectifs lorsque les utilisateurs cliquent sur un element avec l'attribut data-fs-goal. C'est l'approche la plus simple pour suivre les clics sur les boutons.

<button data-fs-goal="initiate_checkout">Buy Now</button>

Dans cet exemple, Flowsery Analytics envoie un objectif nomme initiate_checkout.

Utilisation avancee avec des parametres personnalises

Ajoutez des attributs data-fs-goal-* supplementaires pour inclure des parametres personnalises :

Objectif par attribut data avec parametres
<button
  data-fs-goal="initiate_checkout"
  data-fs-goal-price="49"
  data-fs-goal-currency="USD"
  data-fs-goal-plan-type="pro">
    Subscribe to Pro Plan
</button>

Dans cet exemple, Flowsery Analytics envoie un objectif nomme initiate_checkout avec { price: '49', currency: 'USD', plan_type: 'pro' } comme parametres personnalises.

Regles pour les valeurs des attributs data :

  • Noms d'objectifs : memes regles que la methode JavaScript (lettres minuscules, chiffres, tirets bas, tirets, max 64 caracteres)
  • Noms de parametres : derives du nom de l'attribut et convertis de kebab-case en snake_case (par ex., data-fs-goal-product-id devient product_id)
  • Valeurs de parametres : n'importe quelle chaine, max 255 caracteres (automatiquement assainie)
  • Maximum 10 parametres personnalises par evenement

Limitations du suivi cote client

Bien que simple a mettre en oeuvre, le suivi cote client peut etre moins precis en raison des bloqueurs de publicites ou de problemes reseau. Pour une meilleure fiabilite, envisagez le suivi cote serveur.

Methode n°3 : Suivi cote serveur (le plus precis)

Suivez les objectifs en envoyant des donnees directement depuis votre serveur via l'API Flowsery Analytics. C'est l'approche recommandee pour une precision maximale.

  • Obtenez une cle API : Accedez aux Parametres de votre site web > onglet API et generez une cle API pour authentifier vos requetes.
  • Envoyez les donnees d'objectif : Utilisez le point de terminaison de l'API Goal pour soumettre les informations d'objectif depuis votre backend chaque fois qu'un utilisateur effectue l'action souhaitee.

Suivi des revenus

Pour suivre specifiquement les revenus (par ex., les achats completes), utilisez la configuration dediee d'attribution des revenus plutot que les objectifs personnalises pour les paiements. Cela fournit des analyses financieres plus detaillees via l'integration Stripe, LemonSqueezy ou Polar.

Visualiser les parametres personnalises dans votre tableau de bord

Lorsque vous transmettez des parametres personnalises a un objectif (en utilisant l'une des methodes ci-dessus), ils sont visibles directement dans votre tableau de bord.

  • Accedez a votre tableau de bord analytique
  • Survolez un objectif dans la carte Objectifs
  • Cliquez sur l'icone des parametres pour developper la ventilation

Vous verrez une ventilation de chaque valeur de parametre et le nombre de visiteurs correspondants. Par exemple, si vous suivez un objectif initiate_checkout avec un parametre plan, vous pouvez voir combien de visiteurs ont passe commande pour chaque plan (starter, pro, premium, etc.).

Cela fonctionne avec n'importe quel parametre personnalise que vous envoyez : e-mails des utilisateurs, noms de produits, types de plans, devises ou tout ce que vous choisissez de suivre.

Facturation

Facturation basee sur l'utilisation

Les objectifs personnalises sont comptabilises dans votre utilisation mensuelle Flowsery Analytics. Veillez a ne suivre que ce qui est necessaire. Vous pouvez consulter votre utilisation dans les parametres de facturation de Flowsery Analytics.