Last Updated: October 16, 2022

The ‘Image Link’ data type is used for those fields which contain clickable images. 

If you want to display clickable images in the data table of a report then you would need to use a field of the ‘Image Link’ data type.

Follow the steps below to use the ‘Image Link’ data type in Google Data Studio:

Step-1: Navigate to your Google data studio account and then click on the ‘Create’ button:

Step-2: Click on the ‘Data Source’ option to create a new data source schema:

Step-3: Find and click on the Google Sheets connector:

Step-4: Select your Google Sheets data source:

The selected Google Sheets data source contains the following data:

This data source contains a field called ‘Product Images URL‘ which contains the URLs of product images. Such type of field is called an image field.

My step-by-step blueprint for using Looker Studio (formerly Google Data Studio)

Get the FREE ebook on Looker Studio (75 Pages)

Yes I want the FREE ebook

Step-5: Click on the ‘Connect’ button at the top right-hand side:

Your new data source schema is going to look like the one below:

Step-6: Change the data type of the ‘Product Images URL‘ field from ‘URL’ to ‘Image’:

Step-7: Click on the ‘ADD A FIELD’ button to create a new calculated field:

Step-8: Name the new calculated field ‘Clickable Images‘ and then define it like the one below:

Here I have used the ‘HYPERLINK‘ function which returns a hyperlink.  But in our case, this function is used to return clickable images. 

Following is the syntax of the ‘HYPERLINK’ function:

    HYPERLINK(URL, Link Label)

‘URL‘ refers to the full URL of the link location. In our case, it is the ‘Product Pages’ field. This field contains the full URL of the link locations.

‘Link Label‘ refers to the text or image to display as the link. In our case, it is the ‘Product Images URL’ field which is an image field. This field contains all the images which I want to make clickable.

Step-9: Click on the ‘Save’ button and then click on the ‘All Fields’ button in order to navigate back to the data source schema editor:

You should now see the new calculated field of type ‘Image Link’:

Step-10: Click on the ‘Create Report’ button to create a new report from the data source schema:

Step-11: Click on the ‘Add to report’ button:

Data Studio will automatically create a new table in your report:

Step-12: Drag and drop the following fields one by one from the ‘Available Fields’ section to the ‘Dimensions’ section:

• Clickable Images
• Product Cost

Step-13: Remove the ‘Record count’ metric by clicking on the cross button next to it:

Your data table is now going to look like the one below:

Step-14: Re-size your data table so that you can see all the product images:

Step-15: Click on the ‘View’ button (on the top right-hand side of your screen) to view your report in the view mode:

In view mode, your data table is going to look like the one below:

If you now click on an image (book cover), you would be redirected to the corresponding link location. That’s how you can add clickable images to the data table in your report.

Related articles

• Image data type in Google Data Studio
• Image function in Google Data Studio

Other articles on Google Data Studio

1. Google Data Studio Alternative – Whatagraph
2. Google Data Studio Parameters explained with examples
3. Google Data Studio Number Formats / Data Types
4. How to Change Language in Google Data Studio
5. Google Data Studio Date Format and Time Explained
6. Google Data Studio Tutorial with FREE PDF ebook
7. Google Data Studio Functions, Formulas Tutorial
8. How to work with the Boolean field in Google Data Studio
9. Google Data Studio Page Navigation Tutorial
10. Understanding Report Editor in Google Data Studio
11. Best practices for creating a report in Google Data Studio
12. How to share reports in Google Data Studio
13. Seven methods to create a new report in Google Data Studio
14. Google Data Studio Report Tutorial
15. How to invite people to view or edit a report in Google Data Studio
16. How to share the link of your report in Google Data Studio
17. Schedule email delivery of a report in Google Data Studio
18. How to download Data Studio report as PDF
19. How to embed a Data Studio report on a website
20. Guide to Data Types in Google Data Studio
21. Image function in Google Data Studio
22. Image data type in Google Data Studio
23. Google Data Studio Geo Map – Latitude Longitude
24. Why You Should Avoid Using Functions and Calculated Fields in Data Studio
25. Google Data Studio Calculated Fields Tutorial
26. Working with the Text data type in Google Data Studio
27. The Data Set Configuration Error in Google Data Studio
28. Data Source Fields in Google Data Studio – Tutorial
29. Refresh data source schema fields in Google Data Studio
30. Google Data Studio Data Sources – Tutorial
31. Google Data Studio Dimension vs Metric
32. How to filter by email in Google Data Studio
33. Google Data Studio – Sharing Data Sources (aka data source schema)
34. Field editing in reports – Google Data Studio
35. Data Source Version History in Google Data Studio
36. Community Visualization Access in Google Data Studio
37. Understanding Data Source Credentials in Google Data Studio
38. Understanding Data Freshness in Google Data Studio
39. How to create and configure a data source in Google Data Studio
40. Google Data Studio Aggregation Explained
41. How to Edit a Calculated Field in Google Data Studio
42. Formula Rejection in Google Data Studio
43. Doing Basic Maths on Numeric Fields via Calculated Fields