Search results

Embed a Pinboard Using an Embed Token

You can view curated insights and visuals in place of the pinboard based on the user permissions.

Prerequisites

Before you begin, ensure the following:

  • You have learned how to generate an Embed Authorization Token.
  • The Embed Token must always be generated on the backend server side.The embedSecret is highly sensitive and should never be exposed in frontend code, browsers, or client applications.

Note: You can reuse the Embed Token generated for dashboard embedding case. Due to a current limitation, Embed Tokens are generated using a dashboardId but are not dashboard-specific; they are user-specific. This limitation will be addressed in a future release.

Steps to Embed the Pinboard

  • Install the Bold BI Embedded SDK (via NPM or CDN).
  • Add a container <div> in your frontend where the Pinboard will load.
  <body onload="embedSample();">
    <div id="embed_container"></div>
    <script>
        function embedSample() {
            var boldbiEmbedInstance = BoldBI.create({
                serverUrl: "<Bold BI Server URL>",
                pinboardName:"<Pinboard Name>",
                embedContainerId: "<Embed Container Id>",
                embedToken: "<Embed token generated from backend server>"
            });
            boldbiEmbedInstance.loadPinboard();
        }
    </script>
</body>

Supported Authentication

Note: For more information on pinboard members, methods, and events, refer to this link