Online Presence Dashboard embed for free on your website: Measure visibility instantly.

Do you want to show your customers or website visitors how well a domain performs online? With the Online Presence Dashboard, you can embed an interactive SEO dashboard directly on your own website. Traffic development, backlinks, keywords, domain rank – all live and automatically updated. In this article, I'll show you step by step how it works.

Table of Contents

1. What is the Online Presence Dashboard?
2. Use Cases: Who needs it?
3. Embed the dashboard in 5 steps
4. Customizing the embed code
5. Alternative: Using a direct URL
6. API integration for developers
7. Metrics in the dashboard explained
8. Frequently asked questions

1. What is the Online Presence Dashboard?

The Online Presence Dashboard is a free tool that summarizes the most important SEO metrics of a website at a glance:

• Domain Rank (0-100): How authoritative is the domain? Comparable to Ahrefs DR.
• Organic Traffic: Estimated monthly traffic from organic Google search.
• Organic Keywords: How many keywords does the domain rank for on Google?
• Backlinks & Referring Domains: How many external links point to the website?
• Online Presence Score: An overall score from 0 to 100 that summarizes all metrics.

The special thing: you can embed this dashboard as an iframe directly on your website. The data is automatically updated every 30 days – you don't need to do anything after the initial setup.

2. Use Cases: Who needs it?

SEO Agencies and Freelancers

Show your clients the current SEO status directly in the client portal or on the project page. Instead of manually creating monthly reports, the dashboard runs automatically.

Example: You manage the online shop purelei.com. Embed the dashboard in your client project, and your client can see the current traffic development at any time.

Companies and Brands

Integrate the dashboard into your internal marketing dashboard or your company website to make online visibility transparent for investors or stakeholders.

Web Developers and SaaS Platforms

Use the embed feature or the API to incorporate SEO data into your own tools and platforms. Perfect for white-label solutions or marketing dashboards.

Bloggers and Content Creators

Show your readers your own SEO performance – this builds trust and underscores your expertise.

3. Embed the dashboard in 5 steps

Here's how easy it is:

Step 1: Analyze the domain

Go to the Online Presence Dashboard and enter the desired domain. Click "Analyze".

Alternatively, you can access the domain directly via the URL:

https://www.antonioblago.com/online-presence/traffic/purelei.com

Step 2: Click "Embed"

In the traffic dashboard, you'll find the "Embed" button in the top right corner. Click it to open the embed menu.

Step 3: Generate the embed code

Click "Generate embed code". The system creates a secure token specifically for this domain. The token ensures that the data is automatically updated.

Step 4: Copy the code

After generation, the finished iframe code will be displayed. Click "Copy" to copy the code to the clipboard.

The code looks like this:

<iframe
  src="https://www.antonioblago.com/online-presence/embed/YOUR-TOKEN"
  width="100%"
  height="800"
  frameborder="0"
  style="border-radius: 8px;">
</iframe>

Step 5: Insert on your website

Insert the copied code at the desired location on your website. This works with any CMS:

WordPress: Add an HTML block and paste the iframe code.

Shopify: Edit the desired page and insert the code in the HTML editor.

Webflow, Wix, Squarespace: Use an embed or HTML element and insert the code.

Static websites: Paste the code directly into your HTML file.

Done. The dashboard will appear on your page immediately and the data updates automatically every 30 days.

4. Customizing the embed code

You can customize the appearance of the embedded dashboard via the iframe:

Adjusting the height

The dashboard contains a lot of data – traffic charts, keyword tables, backlink statistics. Adjust the height to achieve the optimal layout:

<!-- Full view (recommended) -->
<iframe src="..." width="100%" height="800" frameborder="0"></iframe>

<!-- Compact view -->
<iframe src="..." width="100%" height="600" frameborder="0"></iframe>

<!-- Only charts visible -->
<iframe src="..." width="100%" height="500" frameborder="0"></iframe>

Border and shadow

<iframe
  src="..."
  width="100%"
  height="800"
  frameborder="0"
  style="border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.15);">
</iframe>

Responsive width

The iframe is responsive by default (width="100%"). It automatically adapts to the width of the container it is embedded in.

Limiting maximum width

<div style="max-width: 1200px; margin: 0 auto;">
  <iframe src="..." width="100%" height="800" frameborder="0"></iframe>
</div>

5. Alternative: Using a direct URL

You can also embed the dashboard directly via URL without a token:

<iframe
  src="https://www.antonioblago.com/online-presence/traffic/your-domain.com"
  width="100%"
  height="800"
  frameborder="0">
</iframe>

Difference from token embed:

Token-based embedding is the better choice in most cases, because the data is automatically updated in the background.