Il y a près de deux ans, j’avais rĂ©digĂ© un article sur la version anglaise de mon blog au sujet de la construction d’un tunnel de conversion avec un simple graphique en Tableau. C’Ă©tait une manière de prouver qu’il n’Ă©tait pas obligatoire d’utiliser 20 graphiques pour ce type de visualisation nĂ©cessitant d’afficher les Ă©tapes, les statistiques absolues, les taux de fuite, et les taux de passage aux Ă©tapes suivantes, etc.
Cette fois, je vous propose d’ajouter de l’interactivitĂ© dans les exigences de design du rapport d’entonnoir. Incluons 2 contrĂ´les :
- Le type de valeur Ă afficher
- Valeurs absolues du volume de données, et donc le contexte
- Vs
- Taux pour la comparaison des Ă©tapes et leur performance
- Le type d’abandon Ă afficher
- Abandon par Ă©tape par rapport Ă l’Ă©tape prĂ©cĂ©dente
- Vs
- Abandon d’entonnoir, donc les sorties cumulĂ©es de l’entonnoir pour chaque Ă©tape
Les combinaisons de ces options aident Ă rĂ©vĂ©ler des enseignements. Choisir d’en afficher une combinaison Ă la fois facile la lecture du rapport et l’exploration des donnĂ©es.
Table des matières
Ingrédients pour le tunnel de conversion interactif
Pour ce tutoriel, nous aurons besoin des éléments suivants pour créer le rapport de tunnel de conversion :
- Votre jeu de donnĂ©es provenant de votre source avec le nom de l’Ă©tape, le numĂ©ro d’ordre de l’Ă©tape – pour mon exemple, c’est un champ calculĂ© – et une mĂ©trique.
- 2 paramètres sous forme de listes de valeurs textuelles, les 2 champs calculés de source de données pour les données combinées (data blending), et 2 sélecteurs.
- Une combinaison de donnĂ©es pour effectuer une jointure croisĂ©e avec notre ensemble de donnĂ©es et accĂ©der Ă toutes les lignes du jeu de donnĂ©es, pour chaque ligne d’affichage.
- Un graphique à barres (histogramme horizontal) empilées pour afficher la visualisation finale.
- Quelques champs calculés de graphique, pour les métriques à afficher en fonction de la sélection des valeurs des paramètres.
RĂ©sultats en action
Jeux de données
Pour notre exemple, j’utilise le compte de dĂ©monstration de Google Analytics 4 en sĂ©lectionnant 5 Ă©vĂ©nements correspondant aux Ă©tapes de l’entonnoir de conversion e-commerce. Et je dĂ©finis les numĂ©ros d’ordre grâce Ă un champ calculĂ© au niveau de la source de donnĂ©es.
Funnel step order
CASE
WHEN Event name = "add_to_cart" THEN 1
WHEN Event name = "add_shipping_info" THEN 2
WHEN Event name = "begin_checkout" THEN 3
WHEN Event name = "add_payment_info" THEN 4
WHEN Event name = "purchase" THEN 5
ELSE NULL
END
Puis, nous crĂ©ons un filtre pour ne conserver que les Ă©vĂ©nements souhaitĂ©s et nous appelons ce filtre « GA4 – Checkout steps ». Ce filtre sera appliquĂ© dans la configuration de la combinaison de donnĂ©es (blending).
Il est assez simple et utilise le résultat du champ calculé ci-dessus, en excluant les valeurs nulles.
Paramètres et champs calculés associés
Il faut à présent créer deux paramètres de liste de valeurs textuelles :
- « Drop-off type » avec pour valeurs possibles (et étiquettes) « Step drop-off » et « Funnel drop-off »
- « Values type » avec pour valeurs possibles (et étiquettes) « Absolute values » et « Rates »
Afin d’utiliser les valeurs sĂ©lectionnĂ©es de ces paramètres au sein de la future combinaison de donnĂ©es (blending), nous ajoutons 2 champs calculĂ©s au niveau de la source de donnĂ©es (les combinaison de donnĂ©es ne peuvent accĂ©der Ă ces valeurs sans champs calculĂ© servant de simple pointeur).
Drop-off type dim
Drop-off type
Values type dim
Values type
Avant de créer la combinaison de données, nous allons ajouter 2 sélecteurs à taille fixe en utilisant les paramètres fraîchement créés comme champs de contrôle.
Combinaison de données (blending)
A prĂ©sent, configurons une combinaison de donnĂ©es nommĂ©e « BD – Self blended funnel steps » et crĂ©Ă©e comme suit pour notre exemple :
- Table de gauche – GA4 demo account
- Nom de la table : « Displayed data »
- Dimensions : « Funnel step order », Drop-off type dim, Values type dim
- Métrique : « Total users »
- Filtre : « GA4 – Checkout steps »
- Table de droite – GA4 demo account
- Nom de la table : « Reference data »
- Dimension : « Funnel step order » renommée « Ref Funnel step order »
- Métrique : « Total users » renommée « Ref Total users »
- Filtre : « GA4 – Checkout steps »
- Configuration de jointure
- Opérateur de jointure : Croisée
- Aucune clé
Configuration du graphique Ă barres horizontales (histogramme)
Il est temps d’ajouter un simple graphique Ă barres pour reprĂ©senter visuellement notre tunnel de conversion :
- Type de graphique : Graphique à barres empilées
- Onglet « Configurer »
- Source de donnĂ©es : Votre combinaison de donnĂ©es “BD – Self blended funnel steps”
- Dimensions :
- « Funnel step order »
- MĂ©triques – Les champss calculĂ©s suivants, au niveau du graphique, avec une agrĂ©gation de type « Moyenne »
- “Abs users” correspondant à la formule ci-dessous
- “Abs exited users” correspondant à la formule ci-dessous
- “% active” correspondant à la formule ci-dessous
- “% drop-off” correspondant à la formule ci-dessous
- Trier par “Funnel step order” par ordre croissant
- DĂ©cocher toutes les options d’interactions dans le graphique
- Onglet « Style »
- Graphiques Ă barres horizontales
- Barres empilées
- Afficher les libellés des données
- Libellés des données : Valeur de métrique / Compresser les nombres / Libellé à gauche
- Sélectionner les 2 mêmes séries de 2 couleurs pour la partie active et les fuites
(on a besoin de configurer deux fois pour couvrir les 2 premières mĂ©triques pour les valeurs absolues, puis les 2 mĂ©triques suivantes pour les taux) – Bleu/Gris/Bleu/Gris dans l’exemple - Cacher les axes
- Adapter la largeur des barres (100% dans mon exemple)
- Adapter la taille du texte pour les libellés
- Désactiver la légende du graphique
- Ne pas afficher le « titre du graphique » (le header avec les outils)
Et enfin, on ajoute des icônes représentant chaque étape du tunnel de conversion ou de simple texte statique.
Abs users
IF(
Values type dim = "Absolute values"
,
Total users
,
null
)
Abs exited users
IF(
Values type dim = "Absolute values"
,
IF
(
Drop-off type dim = 'Funnel drop-off'
,
IF(Ref Funnel step order = 1 AND Funnel step order != 1, ( Ref Total users-Total users ),null)
,
IF(Ref Funnel step order = Funnel step order - 1, ( Ref Total users-Total users ),null)
)
,
null
)
Previous step dropoff
IF( Values type dim = "Absolute values",
IF
(
Drop-off type dim = 'Funnel drop-off'
,
IF(Ref Funnel step order = 1 AND Funnel step order != 1, ( Ref Total users-Total users ),null)
,
IF(Ref Funnel step order = Funnel step order - 1, ( Ref Total users-Total users ),null)
)
, null)
% active
IF(
Values type dim != "Absolute values"
,
IF
(
Drop-off type dim = 'Funnel drop-off'
,
CASE
WHEN Funnel step order = 1 THEN 1
WHEN Ref Funnel step order = 1 AND Funnel step order != 1 THEN (Total users )/Ref Total users
ELSE NULL
END
,
CASE
WHEN Funnel step order = 1 THEN 1
WHEN Ref Funnel step order = Funnel step order - 1 THEN (Total users )/Ref Total users
ELSE NULL
END
)
,
null
)
% drop-off
IF(
Values type dim != "Absolute values"
,
IF
(
Drop-off type dim = 'Funnel drop-off'
,
IF(Ref Funnel step order = 1 AND Funnel step order != 1, ( Ref Total users-Total users )/Ref Total users,null)
,
IF(Ref Funnel step order = Funnel step order - 1, ( Ref Total users-Total users )/Ref Total users,null)
)
,
null
)
Petite limitation graphique
A cause de la manière dont est affichĂ©s la taux, indĂ©pendamment de la valeur de chaque Ă©tape, si vous sĂ©lectionnez « Step drop-off » et « Rates » en mĂŞme temps, le graphique Ă barres sera dessinĂ© sans respecter la forme d’un entonnoir. Mais après tout, après rĂ©flexion, le rĂ©sultat est plus efficace pour identifier les Ă©tapes avec les plus hauts taux de fuite (le 2e et la 5e Ă©tape dans l’exemple).
Revue de la configuration
Et pour finir, faisons une petite revue de l’ensemble de la configuration avec cette vidĂ©o.
VoilĂ . Le bout du tunnel.