MBI: Errori comuni durante l'integrazione iframe

1. URL del Token Autoin della Marca Blanca vs Token API di Metricool

Puoi distinguere due tipi di token su Metricool:

Primo token viene aggiunto come chiave di accesso al link autoin utilizzato per creare l'iframe nell'account del tuo cliente. Questo token è unico per ogni brand creato per la tua integrazione Marca Blanca. Ecco un esempio della struttura generale di un link autoin per la creazione di un iframe:

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

Puoi ottenere questo "Token Marca Blanca" navigando su Menu > Impostazioni del brand > Marca Blanca e selezionando uno dei due URL di accesso disponibili. Il token è unico e varia in base a ciascun brand creato. Puoi anche automatizzare la creazione del link autoin con il token di accesso eseguendo una richiesta di tipo Get alla nostra API (puoi trovare la documentazione qui). Ecco un esempio:

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

Secondo token è una chiave di accesso generale alla nostra API, specificata per il tuo account Metricool e non per l'integrazione Marca Blanca. Questo Token consente l'integrazione di Metricool con Looker Studio, Zapier, Make o Canva, così come con molti altri strumenti che supportano una connessione API e sono sviluppati da parte tua. Lo troverai in Menu > Impostazioni account > API.

Se utilizzi quest'ultimo token come chiave di accesso nel link autoin, l'iframe non verrà visualizzato nel tuo prodotto e apparirà un errore di sintassi nella tua console.

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

Un problema comune con le Content Security Policies (CSP) e l'attributo "frame-ancestors". Questo errore si verifica quando il tuo server web tenta di caricare una pagina o un iframe che viola le tue politiche di sicurezza. Controllando la console, troverai un errore come mostrato:

Per risolvere il problema, aggiungi l'attributo Referrer Policy al tuo iframe, prima della sorgente (src). Ecco un esempio:

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

3. Sessioni miste

Se tieni aperti nello stesso browser sia l'account principale di Metricool (quello usato per effettuare il pagamento) sia l'account del tuo prodotto (dove inserisci il tuo iframe), le informazioni di entrambi si mescoleranno. Inoltre, potresti riscontrare errori di reindirizzamento. Per evitare ciò, assicurati di aprire sempre entrambi gli account in browser diversi, o apri uno dei due in una finestra di navigazione in incognito nel tuo browser di lavoro.

Risorse aggiuntive