Jump to Content
Data Analytics

3 API tools to delight your embed customers

August 15, 2019
Jill Hardy

Content Strategist, Customer Education at Looker

Try Google Cloud

Start building on Google Cloud with $300 in free credits and 20+ always free products.

Free trial

In this post, I’m going to show you three API tools to make an interface that will wow your customers—while also being fun to use.

I probably don’t need to tell you that great user experience can dramatically grow your business and solidify your position as a trustworthy brand.

In fact, according to this Forrester study1, implementing a better user experience has the potential to raise conversion rates by 400%.

That’s an inspirational metric.

And since inspiration is what this post is all about, I gathered some truly awesome examples of what you can do with the Looker API. Whether they shine a light on the exact “oomph” you want to add to your Looker experience or simply illuminate possibilities, I hope you enjoy them.

Custom filter bar

The dashboard below uses icons to put a picturesque spin on filtering.

https://storage.googleapis.com/gweb-cloudblog-publish/images/1-1_3UzfXIa.max-1200x1200.png

How’d we do it? The filter icons aren’t a part of the dashboard; they’re part of the website where it’s embedded. The iframe that houses the dashboard “listens” to the filter bar and automatically updates when someone clicks a filter icon.

You can get the code here to try it out yourself.

Report selector for embed users

This example allows embedded users to switch between different reports easily.

https://storage.googleapis.com/gweb-cloudblog-publish/images/2_IKC0zDs.max-1600x1600.jpg

The “Select Report” section is set up with an API call to Looker that grabs a list of reports from a designated folder. Adding or removing anything from that folder automatically updates what the user sees. No extra development work is required to push new content out to customers.

Put the report in the right place, et voila!

Gotta have it for yourself? The resources in our GitHub repo will get you started.

Create a living data dictionary

Why build a data dictionary? For context.

Context makes the difference between something you quickly throw in the trash (a simple stick figure portrait) and something you treasure (a simple stick figure portrait...that your kid drew).

In the world of data analysis, it’s the difference between your customer glossing over a report they don’t understand and finding an insight that helps their business grow so much they start recommending your product.

But maybe your dictionary “customer” is internal.

In that case, context is the difference between your colleague coming to you for help picking fields for the report they’re building and knowing they can check a reference whenever needed—leaving you time to work on some of those stunning visuals we covered in the previous section.

The definitions are dynamically pulled from your LookML model and include the data type, description of the metric, and the associated SQL parameter.

You can even style it as you please with CSS and HTML. That’s right, your dictionary will always be fresh and looking great—and all you have to do is set it up once.

https://storage.googleapis.com/gweb-cloudblog-publish/images/3_v0002.max-1200x1200.jpg

Interested? Get the code here.

Bonus eye candy: gorgeous API-powered visualizations

What’s more enticing in a dashboard than sleek, highly interactive visualizations? Tacos.

But also—finding those visualizations in a page boasting seamless tab navigation with a one-click dark mode! Yep, all of this beauty is possible with the API.

Which is almost as good as street tacos. Almost.

https://storage.googleapis.com/gweb-cloudblog-publish/images/4-1.max-1200x1200.png

There’s more to the “how” of this gorgeous website than I can divulge in a blog post, but you can register for an interactive demo of the website on this page to check it out for yourself.

Conclusion

Which tool are you going to try first? Let us know how it goes in the Community API discussion.


1 .The Six Steps For Justifying Better UX Business Case: The Digital Customer Experience Improvement Playbook, Forrester Research, Inc., December 28, 2016

Posted in