Graphed LogoGraphed
Login

How to Display Google Analytics Report on Website

Cody Schneider•

Putting a Google Analytics report directly on your website can transform how you share data, whether it's for your team, your clients, or even your audience. Instead of sending screenshots or links, you can create a live, interactive dashboard that lives exactly where it’s needed. This article breaks down the best ways to do it, from simple embeds that take minutes to more custom setups.

Why Display Google Analytics Data on Your Website?

While most people are used to logging into Google Analytics to see their data, embedding reports directly onto a website offers some unique advantages. It’s about bringing the data to the user, not the other way around.

  • For Your Team: Create a private, internal dashboard on an intranet or password-protected page. This gives your marketing or sales teams a "single source of truth" they can check daily without needing full GA access. You can highlight the KPIs that matter most, like campaign performance, conversion rates, or user engagement.

  • For Your Clients: If you're an agency, an embedded dashboard is a professional upgrade from static PDF reports. Build a client portal where they can log in and see live results from their marketing campaigns anytime. It's transparent, impressive, and saves you time on manual reporting.

  • For Your Audience: You can use data to build credibility and social proof. For example, a publisher could display a "Most Popular Articles This Week" widget on their homepage, powered by live Google Analytics data. A SaaS company might show an anonymized, high-level chart of user activity to showcase product adoption.

Thinking about your end goal - who this is for and what they need to see - will help you choose the right method for the job.

Method 1: The Easiest Option (With a Catch)

First, let’s clear up a common misconception. Google Analytics 4 has a "Share this report" feature, but it doesn't create a visual report you can embed. Instead, it generates a link that gives others read-only access to that specific report inside the Google Analytics interface. It’s useful for quick team sharing, but it’s not for putting a chart on your actual website.

If all you need is to give someone a view-only peek at a report, it's perfect. But for building a true dashboard on your site, you’ll need one of the other methods below.

Method 2: Google Looker Studio (The Best Free Method)

Google Looker Studio (formerly Data Studio) is a free and powerful data visualization tool that is practically built for this exact task. It lets you connect to your Google Analytics data, build custom dashboards with various charts and graphs, and then embed them anywhere using a simple iframe code.

This is the most popular and flexible way to get the job done without spending any money.

Step-by-Step Guide to Embedding a Looker Studio Report

Follow these steps to create and embed your first dashboard.

1. Connect Google Analytics to Looker Studio

  • Go to https://lookerstudio.google.com/ and click on Blank Report.

  • You'll be asked to add data to your report. In the search bar for connectors, type "Google Analytics" and select it.

  • Click AUTHORIZE to grant Looker Studio permission to access your Google Analytics data.

  • Select your Google Analytics account and the specific GA4 Property you want to pull data from. Then click Add.

2. Build Your Custom Report

You’ll land on a blank canvas. Now, you get to build your report. Don’t be intimidated, the drag-and-drop interface is pretty intuitive.

  • Add a Chart: At the top, click Add a chart. You’ll see options like Time series, Bar chart, Pie chart, Table, and Scorecards.

  • Configure the Chart: Once you add a chart, a panel appears on the right. This is where you choose your Dimensions (the "what," like Page title, City, or Date) and Metrics (the "how many," like Sessions, Users, or Conversions).

  • Example dashboard: Try building a simple one-page dashboard with:

    • Two Scorecards at the top for Total Users and Sessions.

    • A Time series chart showing Sessions over the last 30 days.

    • A Table showing your top 10 most visited pages (use Page path and screen class as the dimension and Views as the metric).

Feel free to customize the colors, fonts, and layout to match your brand. You can add titles, images, and shapes from the toolbar.

3. Embed the Report on Your Website

Once your dashboard is ready, it's time to generate the embed code.

  • First, make sure others can see it. Click the Share button. Change the link sharing setting to Anyone with the link can view. This is crucial for the embed to work correctly.

  • Next, in the top menu, go to File > Embed report.

  • A dialog box will appear. Check the Enable embedding box. You'll see a preview and an iframe code snippet.

  • Copy the iframe code.

4. Paste an iFrame Code on Your Website

Now, head over to your website's content management system (CMS). Whether you're on WordPress, Shopify, Webflow, or SquareSpace, you'll need to add the code snippet to an HTML block.

  • In WordPress: Edit a page or post, add a new block, and search for the "Custom HTML" block. Paste the iframe code there.

  • In Other Builders: Look for an "Embed," "Code," or "HTML" widget/element and paste your code.

Save and publish your page. Your interactive Looker Studio report will now be live on your website!

Method 3: WordPress Plugins (For WordPress Users)

If your website runs on WordPress, several plugins exist solely to bring Google Analytics data directly into your WP dashboard. While many are designed for viewing reports in the admin backend, some allow you to display charts and stats on the front end of your site for visitors to see.

This method trades the limitless customization of Looker Studio for supreme convenience and ease of use.

Popular WordPress Plugins for GA Reports

  • MonsterInsights: The most popular GA plugin for WordPress. Its main feature is a comprehensive dashboard right in your admin area, showing everything from top traffic sources to page views. In its pro versions, it offers widgets you can place on the front end, such as one to display your most popular posts.

  • Site Kit by Google: Google's own official plugin. It's a simple, free way to see data from multiple Google services (Analytics, Search Console, AdSense, PageSpeed Insights) in one place within your WP dashboard. It's focused on admin-side reporting rather than front-end display.

  • ExactMetrics: Another powerful option similar to MonsterInsights. It excels at user-friendly dashboard reports within WordPress and also has features for tracking specific events like form submissions and eCommerce transactions automatically.

How to Use Them

The process for these plugins is generally the same:

  1. From your WordPress dashboard, go to Plugins > Add New.

  2. Search for your chosen plugin (e.g., "MonsterInsights"), install it, and activate it.

  3. Follow the guided setup wizard. It will ask you to connect your Google account and select the correct GA4 property for your website.

  4. Once connected, a new item will appear in your left-hand menu where you can access your analytics reports without leaving your site.

For displaying data publicly, check if the plugin offers a shortcode or a dedicated block for the WordPress editor that lets you showcase stats like top posts or traffic numbers.

Method 4: The Developer Route (Google Analytics API)

For those who need complete control over the design and functionality of their reports, there’s the Google Analytics Data API. This is the most advanced and flexible method, but it requires programming knowledge or the budget to hire a developer.

Using the API, you can query your GA data programmatically and then use that data to power custom-built charts on your website. You could use charting libraries like Chart.js or D3.js to build visualizations that precisely match your brand's look and feel, with no third-party branding.

Who Should Use the API?

  • Companies building a highly polished, custom client-facing portal.

  • SaaS applications that want to show users analytics about their own usage patterns.

  • Technically savvy teams who want full control over their data's presentation and don't want to rely on third-party tools.

Setting this up involves creating a project in the Google Cloud Platform, enabling the API, handling authentication, and then writing a script (e.g., in JavaScript or Python) to fetch and display the data. It's powerful but also a significant undertaking.

Final Thoughts

Displaying Google Analytics reports on your website moves your data from a siloed-off platform into a versatile communication tool. For most people, Google Looker Studio offers the perfect blend of power, customization, and cost (it's free!). For WordPress users, plugins like MonsterInsights provide incredible convenience. And for developers, the API unlocks limitless possibilities.

Of course, all these methods require you to first learn the tool, connect your data, and then manually build the report you need - dragging, dropping, and configuring charts until it's right. If you want a faster path to creating dashboards, we built Graphed to do the heavy lifting for you. We connect to Google Analytics and your other marketing sources, then let you create live, interactive dashboards just by asking questions in plain English - no custom building required. Creating a report showing traffic sources versus conversions takes seconds, not half an hour of configuring widgets.