WLI: Veelvoorkomende fouten tijdens iframe-integratie
Bijgewerkt vorige week
1. White Label Autoin Token URL vs. Metricool API Token
U kunt twee soorten tokens onderscheiden op Metricool:
De eerste token wordt toegevoegd als toegangssleutel aan de autoin-link die wordt gebruikt om de iframe in het account van uw klant aan te maken. Deze token is uniek voor elk merk dat is aangemaakt voor uw White Label-integratie. Hier is een voorbeeld van de algemene structuur van een autoin-link voor het maken van een iframe:
https://app.metricool.com/autoin/[WL_TOKEN]?redirect=/plannerU kunt deze "White Label Token" verkrijgen door te navigeren naar Menu > Merkinstellingen > White Label en een van de twee beschikbare toegangs-URL's te selecteren. De token is uniek en varieert per aangemaakt merk. U kunt het maken van de autoin-link met de toegangstoken ook automatiseren door een Get-verzoek uit te voeren naar onze API (u kunt de documentatie hier vinden). Hier is een voorbeeld:
https://app.metricool.com/api/admin/profile?blogId=&userId=&refreshBrandCache=falseDe tweede token is een algemene toegangssleutel voor onze API, gespecificeerd voor uw Metricool-account en niet voor de White Label-integratie. Deze token maakt Metricool-integratie mogelijk met Looker Studio, Zapier, Make of Canva, evenals met vele andere tools die een API-verbinding ondersteunen en aan uw kant zijn ontwikkeld. U vindt deze in het Menu > Accountinstellingen > API.
Als u deze laatste token gebruikt als toegangssleutel in de autoin-link, wordt de iframe niet weergegeven in uw product en verschijnt er een syntaxfout in uw console.
2. Fouten: Referrer Policy; Content-Security-Policy: frame ancestor
Een veelvoorkomend probleem met Content Security Policies (CSP) en het "frame-ancestors" attribuut. Deze fout treedt op wanneer uw webserver probeert een pagina of iframe te laden die uw beveiligingsbeleid schendt. Bij het controleren van de console vindt u een fout zoals afgebeeld:
Om dit op te lossen, voegt u het attribuut Referrer Policy toe aan uw iframe, vóór de bron (src). Hier is een voorbeeld:
<iframe referrerpolicy="origin" src="https://app.metricool.com/autoin/xxxxxxxxxxx" …………></iframe>3. Sessies door elkaar halen
Als u zowel het hoofdaccount van Metricool (het account dat u hebt gebruikt om de betaling uit te voeren) als uw productaccount (waar u uw iframe invoegt) in dezelfde browser geopend houdt, wordt de informatie van beide door elkaar gehaald. Bovendien kunt u omleidingsfouten tegenkomen. Om dit te voorkomen, moet u ervoor zorgen dat u beide accounts altijd in verschillende browsers opent, of een van de twee opent in een privé (incognito) venster in uw werkbrowser.