Ajouter des images Google Drive à son dashboard Looker Studio

Article publié par Louis Dubruel

1 • Uploader des images dans un dossier Google Drive accessible en lecture

La 1ère étape est de regrouper toutes les images dans un dossier du Drive et permettre la lecture du dossier à tous les utilisateurs disposant du lien.

2 • Copier l'ID de chaque image

Chaque image uploadée sur le Drive dispose d'un ID propre pour l'identifier.
Cet ID se situe dans l'URL de partage de l'image, juste après le répertoire /d/ et avant le / suivant
html
Clic droit sur l'image > Obtenir le lien https://drive.google.com/file/d/1EaM3SBDYCcj5AuGmsc8veLiBp6--mqtJ/
Ce qui nous intéresse ici c'est l'ID que l'on va copier-coller. Il sera utile pou former l'URL finale de l'image que l'on utilisera à l'étape suivante.

3 • Créer un champ calculé sur Data Studio pour stocker l'URL des images

L'URL que l'on va utiliser dans Data Studio pour appeler l'image présente dans notre Drive nest la suivante
🔗
https://drive.google.com/thumbnail?sz=w800&id=1EaM3SBDYCcj5AuGmsc8veLiBp6--mqtJ
Il s'agit de l'URL de vignette dont dispose chaque image dans le Google Drive.
Elle se compose d'une 1ère partie générique pour toutes les vignettes
https://drive.google.com/thumbnail?sz=w800&id=
à laquelle on ajoute l'ID préalablement copié
1EaM3SBDYCcj5AuGmsc8veLiBp6--mqtJ
Grâce à ces URLs, nous pouvons donc créer un champ calculé qui associera un lien d'image à une valeur de dimension.
EXEMPLE avec un dashboard visant à fournir des statistiques par pays.
J'utilise la source de donnée "Google Search Console"et la dimension "Country" disponible.
Je souhaites ajouter des images à un tableau pour illustrer la part de marché de chaque pays.
Image without caption
Je vais donc créer une dimension "lien_image_country" qui va associer un lien d'image à une valeur de ma dimension "Country".
typescript
CASE Country WHEN "Germany" then "https://drive.google.com/thumbnail?sz=w800&id=1EaM3SBDYCcj5AuGmsc8veLiBp6--mqtJ/" WHEN "France" then "https://drive.google.com/thumbnail?sz=w800&id=1vbJlkPi_AnW2E1YDsQgzSTsBEo3Jm2xC" WHEN "United States" then "https://drive.google.com/thumbnail?sz=w800&id=1KzNuMtkjx55koxCRDxHzp_Vv36gjkBT5" when "United Kingdom" then "https://drive.google.com/thumbnail?sz=w800&id=1sCIN21CgQsIjybe5LWiF5LgKOM8CWxks" END

4 • Créer un champ "Image" et l'utiliser comme dimension pour afficher les images dans un tableau

💡
Jusqu'à nouvelle mise à jour, il n'est possible d'utiliser une image que dans la data visualisation "tableau". Si je souhaite par exemple afficher une image dynamique sur mon dashboard, j'utiliserai un tableau avec 1 cellule.
Enfin, je créé maintenant un champ "image_country" qui va appliquer la fonction IMAGE() aux liens précédents que j'ai configuré
typescript
IMAGE(image_lien_country)
Cette nouvelle dimension peut remplacer votre dimension "Country" pour tous vos tableaux de données.

Fonctions utilisées dans ce tutoriel

✍️
L’auteur : Louis DUBRUEL
Image without caption
Lead dashboard & BI chez UnNest, je vous aide à donner vie à vos tableaux de bord et produits data au service de vos utilisateurs.
Fan de Looker Studio depuis le début, je développe mes compétences de dashboard design pour délivrer la bonne information à la bonne personne avec la meilleure visualisation.
✉️ Me contacter : louis.dubruel@unnest.co
Libérez le potentiel de vos données avec Looker Studio : explorez, analysez, décidez. Si toi aussi tu souhaites maîtriser tous les aspects de Looker Studio, tu peux t’inscrire à la formation :