News

How to embed pre-filtered looker studio project in an iframe

Steps below

| Richard Haas

1. Enable Custom Bookmark Links

  • Open your Looker Studio report.
  • Go to the menu: FileReport settings.
  • Make sure “Custom bookmark links” is enabled (turned on).

2. Set Your Desired Filters

  • Switch to View mode for your report.
  • Apply all the filter settings you want to include in your bookmark link.

3. Copy the Filter Parameters from the URL

  • In your browser’s address bar, look for params= in the URL.
  • Copy everything after params= (do not include “params=” itself).
  • Example:
    • Original URL:
      https://lookerstudio.google.com/reporting/2195fbc5-6f67-412e-8393-801260279c2d/page/p_ljagfk2fud?params=%7B%22df34%22:%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580800%2520MHz%22%7D
    • Copy only this part (after params=):
      %7B%22df34%22:%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580800%2520MHz%22%7D

4. Encode the Colon Character

  • In the copied text, replace every : character with %3A.
  • This is necessary for the iFrame to read the link correctly.
  • Example:
    • Before:
      %7B%22df34%22:%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580800%2520MHz%22%7D
    • After replacing all :, it becomes:
      %7B%22df34%22%3A%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580800%2520MHz%22%7D

5. Get the Embed Code

  • Switch back to Edit mode in your Looker Studio report.
  • Go to FileEmbed report.
  • Copy the iFrame embed code provided.

6. Update the Embed Code with Your Custom Filter Parameters

  • In the embed code, find the URL within the src attribute.
  • Locate the params= part in this URL.
  • Replace the content after params= with your newly encoded string from Step 4.

7. Add the Embed Code to WordPress

  • Go to your WordPress back-end.
  • Paste the modified iFrame embed code where you want your report to appear.

Tips:

  • Double-check that the colon is replaced everywhere in the params string.
  • If you have multiple filters, you may have more than one colon to encode.
  • Always test your embedded report to ensure the filters are working as expected.

Helpful URLs