MBI: Erros comuns durante a integração por iframe

1. URL do Token Autoin de Marca Branca vs Token de API da Metricool

Pode distinguir dois tipos de tokens na Metricool:

O primeiro token é adicionado como uma chave de acesso ao link autoin utilizado para criar o iframe na conta do seu cliente. Este token é único para cada marca criada para a sua integração de Marca Branca. Aqui está um exemplo da estrutura geral de um link autoin para a criação de um iframe:

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

Pode obter este "Token de Marca Branca" navegando até Menu > Definições da Marca > Marca Branca e selecionando um dos dois URLs de acesso disponíveis. O token é único e varia de acordo com cada marca criada. Também pode automatizar a criação do link autoin com o token de acesso realizando um pedido do tipo Get à nossa API (pode encontrar a documentação aqui). Aqui está um exemplo:

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

O segundo token é uma chave de acesso geral à nossa API, especificada para a sua conta Metricool, e não para a integração de Marca Branca. Este Token permite a integração da Metricool com o Looker Studio, Zapier, Make ou Canva, tal como com muitas outras ferramentas que suportam uma ligação API e são desenvolvidas do seu lado. Encontrá-lo-á em Menu > Definições de Conta > API.

Se utilizar este último token como chave de acesso no link autoin, o iframe não será exibido no seu produto e aparecerá um erro de sintaxe na sua consola.

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

Uma preocupação comum com as Políticas de Segurança de Conteúdo (CSP) e o atributo "frame-ancestors". Este erro ocorre quando o seu servidor web tenta carregar uma página ou iframe que viola as suas políticas de segurança. Ao verificar a consola, encontrará um erro como o demonstrado:

Para corrigir isto, adicione o atributo Referrer Policy ao seu iframe, antes da fonte (src). Aqui está um exemplo:

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

3. Mistura de sessões

Se mantiver tanto a conta principal da Metricool (aquela que utilizou para fazer o pagamento) como a conta do seu produto (onde insere o seu iframe) abertas no mesmo navegador, as informações de ambas serão misturadas. Além disso, poderá encontrar erros de redirecionamento. Para evitar isto, certifique-se de que abre sempre ambas as contas em navegadores diferentes, ou abra uma das duas numa janela de navegação privada (incógnito) no seu navegador de trabalho.

Recursos Adicionais