Numeriblog Google Workspace Looker Studio, exploitez vos données Comment insérer une image dynamique sur Google Looker Studio (ex Google Data Studio) ?

Comment insérer une image dynamique sur Google Looker Studio (ex Google Data Studio) ?

Google Looker Studio est un outil de visualisation des données en ligne proposé par Google, qui permet de produire des rapports et tableaux de bord. Le saviez-vous ? Vous pouvez ajouter des images dans votre […]

personnes ont consulté cet article

3 minutes

Rédigé par Laetitia Deken - il y a 6 mois

Ce que vous allez découvrir

  • Méthode 1 : Ajoutez des logos sur votre rapport avec Google Sheets
  • Méthode 2 : Insérer des GIFs animés sur Google Looker Studio sous certaines conditions

Comment insérer une image dynamique sur Google Looker Studio (ex Google Data Studio) ?

Google Looker Studio est un outil de visualisation des données en ligne proposé par Google, qui permet de produire des rapports et tableaux de bord.

Le saviez-vous ? Vous pouvez ajouter des images dans votre rapport Looker Studio (ex Data Studio) pour faciliter toujours plus sa lisibilité, parce qu’une image vaut parfois mille mots !

Cet article vous présentera deux méthodes pour ajouter des images dynamiques sur LS.

Méthode 1 : Ajoutez des logos sur votre rapport avec Google Sheets

Prenons le contexte suivant : vous disposez de statistiques sur vos réseaux sociaux et vous souhaitez afficher le logo de chacun d’entre eux sur votre rapport Looker Studio pour pouvoir les identifier rapidement.

Google Looker Studio : insérer une image dynamique aux rapports
Google Looker Studio : insérer une image dynamique aux rapports

Il est possible d’ajouter des images statiques sur Looker Studio via le menu adéquat, mais il n’est pas toujours pratique de les ouvrir une à une… Le but ici sera de gagner du temps en récupérant directement des liens d’images hébergées sur le Web à partir d’une source de données !

Étape 1 : Ouvrez Google Sheets et créez une feuille (appelée “Logos”) composée de deux colonnes : Réseau social et Logo URL. Ajoutez-y les noms de chaque réseau social ainsi que les URLs correspondants. Votre tableau devrait ressembler à ceci :

Google Looker Studio : insérer une image dynamique aux rapports

Attention : veillez toujours à utiliser des images libres de droits ! En effet, certaines ne s’afficheront peut-être pas sur GDS pour des raisons de copyright. 

Cette feuille constitue votre base d’images.

Étape 2 : Sur votre base de données Google Sheets, insérez une colonne (nommée ici “Image”) dans laquelle vous allez automatiquement insérer l’URL correspondante grâce à la fonction RECHERCHEV. 

Dans notre cas précis, il faudra entrer la formule suivante : ={« Image »;(ARRAYFORMULA(RECHERCHEV(A2:A;Logos!A2:B;2;0)))}

Vous obtenez alors ce résultat :

Google Looker Studio : insérer une image dynamique aux rapports

Étape 3 : Sur votre rapport Google Looker Studio, modifiez le type de données de votre colonne “Image”. Sélectionnez Ressources > Gérer les nouvelles sources de données, puis la feuille concernée.

Google Looker Studio : insérer une image dynamique aux rapports

Validez votre choix. La colonne “Image” est désormais de type URL > Image. Une icône image s’affiche à la place de l’icône Texte pour pouvoir repérer ce champ facilement.

Étape 4 : Créez un tableau avec les paramétrages suivants :

  • Placez le champ “Image” en dimension ;
  • Ne mettez pas de métrique ;
  • N’affichez pas d’en-tête ;
  • Supprimez les numéros de ligne et de pagination ;
  • N’insérez pas de bordure.
Google Looker Studio : insérer une image dynamique aux rapports
Google Looker Studio : insérer une image dynamique aux rapports

Et voilà, vous pouvez désormais afficher vos logos sur Google Looker Studio !

Méthode 2 : Insérer des GIFs animés sur Google Looker Studio sous certaines conditions

Que serait Internet sans ses célèbres GIFs (Graphics Interchange Format) ? Régulièrement utilisés dans la diffusion des mêmes, qui décrivent un phénomène décliné en masse sur le Web, les GIFs peuvent également être utiles pour illustrer un rapport Looker Studio… Voici la procédure à suivre.

Pour cet exemple, nous utiliserons le site Giphy, l’un des plus fournis en images animées sur le Web, mais ce n’est pas obligatoire car les GIFs ont envahi le Web tout entier (et au-delà) !

La Data est partout ! N’est-ce pas Buzz l’Eclair ?

Étape 1 : Créez et gérez vos catégories sur Google Sheets

Sur une feuille Google Sheets, créez deux colonnes. Tout d’abord « Catégorie” qui rassemblera, comme son nom l’indique, les catégories de GIFs que vous souhaitez inclure par la suite sur votre rapport Google Looker Studio, puis “URL” qui contiendra les liens images vers ces derniers. Le résultat obtenu ressemblera à ceci :

Google Looker Studio : insérer une image dynamique aux rapports

Étape 2 : Utilisation de la fonction IMAGE() sur Google Looker Studio

Sur Looker Studio, créez un champ calculé contenant la fonction IMAGE() comme ci-dessous. Celle-ci vous aidera en effet à afficher vos GIFs dans votre rapport. Cliquez sur “Ajouter un champ” et laissez-vous guider.

Google Looker Studio : insérer une image dynamique aux rapports
Google Looker Studio : insérer une image dynamique aux rapports

Vérifiez la validation de votre champ calculé (grâce à la coche verte visible) puis enregistrez et cliquez sur OK.

Étape 3 : Utilisation de la fonction CASE pour ajouter des conditions d’affichage des GIFs animés

Et si nous allions plus loin cette fois ? Vous pouvez faire en sorte d’afficher vos GIFs sous certaines conditions ! La fonction CASE est toute désignée pour y parvenir…

Prenons un exemple. Avec vos données Google Analytics, vous souhaiteriez pouvoir afficher des images selon des critères choisis pour votre métrique “Users”.

Commencez par extraire les données de votre source Analytics. Pourquoi ? Parce que la fonction CASE ne fonctionnera qu’avec des statistiques agrégées manuellement…

Google Looker Studio : insérer une image dynamique aux rapports

…or la métrique “Users” est agrégée sur “Automatique” par défaut ! Et il est impossible de modifier ce paramètre d’un simple clic sur Google Looker Studio… D’où l’utilité d’extraire vos données pour pouvoir changer cette agrégation.

Google Looker Studio : insérer une image dynamique aux rapports

Une fois l’extraction effectuée et l’agrégation modifiée, vous allez pouvoir créer un champ calculé avec la fonction CASE en y ajoutant vos critères :

CASE

WHEN Users<20000 THEN « https://media.giphy.com/media/l0HlvtIPzPdt2usKs/giphy.gif »

WHEN Users>=20000 THEN « https://media.giphy.com/media/3o7aDfEAl370Fbgu40/giphy.gif »

ELSE « Autre »

END

Pour résumer la formule utilisée ici : quand une page a été visitée par 20 000 utilisateurs ou plus, un GIF “Oui” s’affichera, sinon un GIF “Non” sera visible à la place.

Google Looker Studio : insérer une image dynamique aux rapports

Utilisez à nouveau la fonction IMAGE() vue précédemment sur votre champ calculé fraîchement créé et… magie ! 

Google Looker Studio : insérer une image dynamique aux rapports

Vous pouvez maintenant afficher des GIFs animés pour égayer vos tableaux Looker Studio (ex Data Studio) en fonction du nombre d’utilisateurs qui ont visité chaque page de votre site !

Google Looker Studio : insérer une image dynamique aux rapports

Bonus – lien vers le Dashboard LS pour vérifier les résultats obtenus : https://datastudio.google.com/reporting/5cffad7b-b30f-44ca-a7c3-147e02ae1757

Note de l’autrice : Google Data Studio est devenu Google Looker Studio le 12 octobre 2022, lors du Google Cloud Next ’22. Cet article a été rédigé avant le changement de nom. Plus d’informations ici.

Besoin d'un peu plus d'aide sur Looker Studio ?

Des formateurs sont disponibles toute l'année pour vous accompagner et optimiser votre utilisation de Looker Studio, que ce soit pour votre entreprise ou pour vos besoins personnels !

Découvrir nos formations Looker Studio

Rédacteur

Photo de profil de l'auteur
Laetitia Deken

Data Analyst et rédactrice pour Numeriblog

Data Analyst. J'utilise les données pour développer ma curiosité.

S’abonner
Notification pour
guest
0 Commentaires
Commentaires en ligne
Afficher tous les commentaires