Online Presence Dashboard kostenfrei auf deiner Website einbetten: Sichtbarkeit sofort messen.

Du willst deinen Kunden oder Website-Besuchern zeigen, wie gut eine Domain online aufgestellt ist? Mit dem Online Presence Dashboard kannst du ein interaktives SEO-Dashboard direkt auf deiner eigenen Website einbetten. Traffic-Entwicklung, Backlinks, Keywords, Domain Rank – alles live und automatisch aktualisiert. In diesem Artikel zeige ich dir Schritt für Schritt, wie das funktioniert.

Inhalt

1. Was ist das Online Presence Dashboard?
2. Anwendungsfälle: Wer braucht das?
3. Dashboard einbetten in 5 Schritten
4. Embed-Code anpassen
5. Alternative: Direkte URL verwenden
6. API-Integration für Entwickler
7. Metriken im Dashboard erklärt
8. Häufige Fragen

1. Was ist das Online Presence Dashboard?

Das Online Presence Dashboard ist ein kostenloses Tool, das die wichtigsten SEO-Kennzahlen einer Website auf einen Blick zusammenfasst:

• Domain Rank (0-100): Wie autoritativ ist die Domain? Vergleichbar mit dem Ahrefs DR.
• Organic Traffic: Geschätzter monatlicher Traffic aus der organischen Google-Suche.
• Organic Keywords: Für wie viele Keywords rankt die Domain bei Google?
• Backlinks & Referring Domains: Wie viele externe Links zeigen auf die Website?
• Online Presence Score: Ein Gesamtscore von 0 bis 100, der alle Metriken zusammenfasst.

Das Besondere: Du kannst dieses Dashboard als iframe direkt auf deiner Website einbinden. Die Daten werden automatisch alle 30 Tage aktualisiert – du musst nach der Einrichtung nichts mehr tun.

2. Anwendungsfälle: Wer braucht das?

SEO-Agenturen und Freelancer

Zeige deinen Kunden den aktuellen SEO-Status direkt im Kundenportal oder auf der Projektseite. Statt monatliche Reports manuell zu erstellen, läuft das Dashboard automatisch.

Beispiel: Du betreust den Online-Shop purelei.com. Bette das Dashboard in dein Kundenprojekt ein, und dein Kunde sieht jederzeit die aktuelle Traffic-Entwicklung.

Unternehmen und Marken

Integriere das Dashboard in dein internes Marketing-Dashboard oder deine Unternehmens-Website, um Investoren oder Stakeholdern die Online-Sichtbarkeit transparent zu machen.

Web-Entwickler und SaaS-Plattformen

Nutze die Embed-Funktion oder die API, um SEO-Daten in deine eigenen Tools und Plattformen einzubauen. Perfekt für White-Label-Lösungen oder Marketing-Dashboards.

Blogger und Content Creator

Zeige deinen Lesern deine eigene SEO-Performance – das schafft Vertrauen und unterstreicht deine Expertise.

3. Dashboard einbetten in 5 Schritten

So einfach funktioniert es:

Schritt 1: Domain analysieren

Gehe zum Online Presence Dashboard und gib die gewünschte Domain ein. Klicke auf „Analysieren“.

Alternativ kannst du die Domain direkt in der URL aufrufen:

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

Schritt 2: Auf „Einbetten“ klicken

Im Traffic-Dashboard findest du oben rechts den Button „Einbetten“. Klicke darauf, um das Embed-Menü zu öffnen.

Schritt 3: Embed-Code generieren

Klicke auf „Embed-Code generieren“. Das System erstellt einen sicheren Token speziell für diese Domain. Der Token sorgt dafür, dass die Daten automatisch aktualisiert werden.

Schritt 4: Code kopieren

Nach der Generierung wird dir der fertige iframe-Code angezeigt. Klicke auf „Kopieren“, um den Code in die Zwischenablage zu kopieren.

Der Code sieht so aus:

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

Schritt 5: Auf deiner Website einfügen

Füge den kopierten Code an der gewünschten Stelle auf deiner Website ein. Das funktioniert mit jedem CMS:

WordPress: Füge einen HTML-Block hinzu und paste den iframe-Code ein.

Shopify: Bearbeite die gewünschte Seite und füge den Code im HTML-Editor ein.

Webflow, Wix, Squarespace: Verwende ein Embed- oder HTML-Element und füge den Code ein.

Statische Websites: Paste den Code direkt in deine HTML-Datei.

Fertig. Das Dashboard wird sofort auf deiner Seite angezeigt und die Daten aktualisieren sich automatisch alle 30 Tage.

4. Embed-Code anpassen

Du kannst das Aussehen des eingebetteten Dashboards über den iframe anpassen:

Höhe anpassen

Das Dashboard enthält viele Daten – Traffic-Charts, Keyword-Tabellen, Backlink-Statistiken. Passe die Höhe an, um das optimale Layout zu erreichen:

<!-- Volle Ansicht (empfohlen) -->
<iframe src="..." width="100%" height="800" frameborder="0"></iframe>

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

<!-- Nur Charts sichtbar -->
<iframe src="..." width="100%" height="500" frameborder="0"></iframe>

Rahmen und Schatten

<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 Breite

Der iframe ist standardmäßig responsiv (width="100%"). Er passt sich automatisch an die Breite des Containers an, in dem er eingebettet ist.

Maximale Breite begrenzen

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

5. Alternative: Direkte URL verwenden

Du kannst das Dashboard auch ohne Token direkt per URL einbetten:

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

Unterschied zum Token-Embed:

Die Token-basierte Einbettung ist in den meisten Fällen die bessere Wahl, weil die Daten im Hintergrund automatisch frisch gehalten werden.

6. API-Integration für Entwickler

Wenn du die SEO-Daten programmatisch abrufen und in deinem eigenen UI darstellen möchtest, kannst du die Online Presence API verwenden.

API-Endpoint

POST https://www.antonioblago.com/api/online-presence-score

Authentifizierung

Authorization: Bearer DEIN_API_KEY

Den API-Key bekommst du per Anfrage an info@antonioblago.com.

JavaScript-Beispiel

async function getOnlinePresence(domain) {
  const response = await fetch('https://www.antonioblago.com/api/online-presence-score', {
    method: 'POST',
    headers: {
      'Authorization': 'Bearer DEIN_API_KEY',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ domain: domain })
  });

  const data = await response.json();

  if (data.success) {
    console.log('Online Presence Score:', data.scores.total_score);
    console.log('Rating:', data.summary.rating);
    console.log('Organic Traffic:', data.metrics.visibility.organic_etv);
    console.log('Domain Rank:', data.metrics.trust_authority.domain_rank);
  }

  return data;
}

getOnlinePresence('purelei.com');

Python-Beispiel

import requests

def get_online_presence(domain, api_key):
    response = requests.post(
        'https://www.antonioblago.com/api/online-presence-score',
        headers={
            'Authorization': f'Bearer {api_key}',
            'Content-Type': 'application/json'
        },
        json={'domain': domain, 'location': 'Germany'}
    )

    data = response.json()

    if data['success']:
        print(f"Score: {data['scores']['total_score']}/100")
        print(f"Rating: {data['summary']['rating']}")
        print(f"Organic Traffic: {data['metrics']['visibility']['organic_etv']}")

    return data

result = get_online_presence('purelei.com', 'DEIN_API_KEY')

API-Response

{
  "success": true,
  "domain": "purelei.com",
  "scores": {
    "total_score": 75.5,
    "visibility_score": 15.0,
    "trust_score": 18.0
  },
  "summary": {
    "rating": "Strong",
    "strengths": ["Excellent visibility", "Strong authority"],
    "weaknesses": ["Low social presence"]
  },
  "metrics": {
    "visibility": {
      "organic_etv": 50000,
      "total_keywords": 1234
    },
    "trust_authority": {
      "referring_domains": 523,
      "domain_rank": 65
    }
  }
}

7. Metriken im Dashboard erklärt

Online Presence Score (0-100)

Der Score fasst alle Metriken in einer einzigen Zahl zusammen. Er setzt sich aus vier Kategorien zusammen:

Bewertungsskala

Traffic-Berechnung

Die Traffic-Schätzung basiert auf einem CTR-Modell (Click-Through-Rate):

Beispiel: Wenn deine Seite für ein Keyword mit 1.000 monatlichen Suchen auf Position 1 rankt, werden ca. 180 Besucher pro Monat geschätzt (1.000 x 18%).

8. Häufige Fragen

Kostet das Einbetten etwas?

Nein. Das Einbetten des Dashboards ist kostenlos. Du brauchst auch kein Konto auf antonioblago.com, um den Embed-Token zu generieren.

Wie oft werden die Daten aktualisiert?

Bei der Token-basierten Einbettung werden die Daten automatisch alle 30 Tage im Hintergrund aktualisiert. Du musst nichts tun.

Kann ich mehrere Domains einbetten?

Ja. Du kannst für jede Domain einen eigenen Embed-Token generieren und so beliebig viele Dashboards auf deiner Website einbinden.

Funktioniert das auf mobilen Geräten?

Ja. Das Dashboard ist vollständig responsiv und passt sich an jede Bildschirmgröße an.

Kann ich das Embed-Dashboard auch wieder deaktivieren?

Ja. Der Embed-Token kann jederzeit deaktiviert werden. Danach zeigt der iframe eine Fehlermeldung an.

Welche Datenquelle wird verwendet?

Die Daten stammen von DataForSEO, einem der führenden SEO-Datenanbieter. Die Metriken sind vergleichbar mit Tools wie Ahrefs, SEMrush oder Sistrix.

Kann jede Website analysiert werden?

Ja, du kannst jede öffentlich zugängliche Domain analysieren – egal ob Online-Shop, Blog, Unternehmenswebsite oder SaaS-Plattform.

Was passiert, wenn keine Daten verfügbar sind?

Wenn für eine Domain keine Traffic-Daten vorliegen (z.B. sehr neue Domains), zeigt das Dashboard einen Hinweis mit der Option, Live-Daten abzurufen. Falls auch das nicht hilft, kannst du uns kontaktieren: support@antonioblago.com.

Zusammenfassung

Mit dem Online Presence Dashboard kannst du in wenigen Minuten ein professionelles SEO-Dashboard auf deiner eigenen Website einbetten. Ob als SEO-Agentur für Kunden-Reporting, als Unternehmen für interne Transparenz oder als Entwickler via API – die Möglichkeiten sind vielfältig.

Jetzt starten:

1. Dashboard öffnen
2. Domain eingeben und analysieren
3. Auf „Einbetten“ klicken
4. Embed-Code kopieren und auf deiner Website einfügen

Bei Fragen oder für API-Zugang melde dich gerne:

• Support: support@antonioblago.com
• API-Key Anfrage: info@antonioblago.com