WLI: Häufige Fehler bei der Iframe-Integration

1. White Label Autoin Token URL vs. Metricool API Token

Sie können zwei Arten von Token bei Metricool unterscheiden:

Der erste Token wird als Zugangsschlüssel zum autoin-Link hinzugefügt, der verwendet wird, um den Iframe im Konto Ihres Kunden zu erstellen. Dieser Token ist eindeutig für jede Marke, die für Ihre White Label-Integration erstellt wurde. Hier ist ein Beispiel für die allgemeine Struktur eines Autoin-Links für die Iframe-Erstellung:

https://app.metricool.com/autoin/[WL_TOKEN]?redirect=/planner

Sie erhalten diesen „White Label Token“, indem Sie zu Menü > Markeneinstellungen > White Label navigieren und eine der beiden verfügbaren Zugangs-URLs auswählen. Der Token ist eindeutig und variiert je nach erstellter Marke. Sie können die Erstellung des Autoin-Links mit dem Zugangstoken auch automatisieren, indem Sie eine Get-Anfrage an unsere API stellen (die Dokumentation finden Sie hier). Hier ist ein Beispiel:

https://app.metricool.com/api/admin/profile?blogId=&userId=&refreshBrandCache=false

Der zweite Token ist ein allgemeiner Zugangsschlüssel zu unserer API, der für Ihr Metricool-Konto und nicht für die White Label-Integration spezifiziert ist. Dieser Token ermöglicht die Integration von Metricool mit Looker Studio, Zapier, Make oder Canva sowie mit vielen anderen Tools, die eine API-Verbindung unterstützen und von Ihrer Seite entwickelt wurden. Sie finden ihn unter Menü > Kontoeinstellungen > API.

Wenn Sie diesen letzten Token als Zugangsschlüssel im Autoin-Link verwenden, wird der Iframe in Ihrem Produkt nicht angezeigt und ein Syntaxfehler erscheint in Ihrer Konsole.

2. Fehler: Referrer Policy; Content-Security-Policy: frame ancestor

Ein häufiges Problem mit Content Security Policies (CSP) und dem Attribut „frame-ancestors“. Dieser Fehler tritt auf, wenn Ihr Webserver versucht, eine Seite oder einen Iframe zu laden, die gegen Ihre Sicherheitsrichtlinien verstößt. Wenn Sie die Konsole überprüfen, finden Sie einen Fehler wie diesen:

Um dies zu beheben, fügen Sie das Attribut Referrer Policy zu Ihrem Iframe vor der Quelle (src) hinzu. Hier ist ein Beispiel:

<iframe referrerpolicy="origin" src="https://app.metricool.com/autoin/xxxxxxxxxxx"  …………></iframe>

3. Sitzungsmischung

Wenn Sie sowohl das Metricool-Hauptkonto (dasjenige, mit dem Sie die Zahlung getätigt haben) als auch Ihr Produktkonto (in das Sie Ihren Iframe einfügen) im selben Browser geöffnet halten, werden die Informationen von beiden vermischt. Darüber hinaus können Weiterleitungsfehler auftreten. Um dies zu vermeiden, stellen Sie sicher, dass Sie beide Konten immer in verschiedenen Browsern öffnen oder eines der beiden in einem privaten Fenster (Inkognito-Modus) in Ihrem Arbeitsbrowser öffnen.

Zusätzliche Ressourcen