MBI: Errores comunes durante la integración por iframe

1. URL del Token Autoin de Marca Blanca vs Token de la API de Metricool

Puedes distinguir dos tipos de tokens en Metricool:

El primer token se añade como clave de acceso al enlace autoin utilizado para crear el iframe en la cuenta de tu cliente. Este token es único para cada marca creada para tu integración de Marca Blanca. Aquí tienes un ejemplo de la estructura general de un enlace autoin para la creación de un iframe:

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

Puedes obtener este "Token de Marca Blanca" navegando a Menú > Configuración de la marca > Marca Blanca y seleccionando una de las dos URL de acceso disponibles. El token es único y varía según cada marca creada. También puedes automatizar la creación del enlace autoin con el token de acceso realizando una solicitud de tipo Get a nuestra API (puedes encontrar la documentación aquí). Aquí tienes un ejemplo:

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

El segundo token es una clave de acceso general a nuestra API, especificada para tu cuenta de Metricool, y no para la integración de Marca Blanca. Este Token permite la integración de Metricool con Looker Studio, Zapier, Make o Canva, al igual que con muchas otras herramientas que admiten una conexión API y que desarrolles por tu cuenta. Lo encontrarás en el Menú > Configuración de la cuenta > API.

Si utilizas este último token como clave de acceso en el enlace autoin, el iframe no se mostrará en tu producto y aparecerá un error de sintaxis en tu consola.

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

Una preocupación común con las Políticas de Seguridad de Contenido (CSP) y el atributo "frame-ancestors". Este error ocurre cuando tu servidor web intenta cargar una página o iframe que infringe tus políticas de seguridad. Al revisar la consola, encontrarás un error como el que se muestra:

Para solucionar esto, añade el atributo Referrer Policy a tu iframe, antes de la fuente (src). Aquí tienes un ejemplo:

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

3. Mezcla de sesiones

Si mantienes abiertas en el mismo navegador tanto la cuenta principal de Metricool (la que usaste para realizar el pago) como la cuenta de tu producto (donde insertas tu iframe), la información de ambas se mezclará. Además, podrías encontrar errores de redirección. Para evitarlo, asegúrate de abrir siempre ambas cuentas en navegadores diferentes, o abre una de las dos en una ventana de navegación privada (incógnito) en tu navegador de trabajo.

Recursos adicionales