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.

Créer un tunnel de conversion interactif avec Looker Studio

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.


Filtre de rapport Google Looker Studio pour l'entonnoir de conversion, isolant les étapes souhaitées

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 »

Paramètre Looker Studio de type de fuite pour le tunnel de conversion

Paramètre Looker Studio de type de valeur pour l'entonnoir de conversion

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Ă©

Combinaison données (blending) pour le tunnel de conversion Looker Studio


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.