1"use strict";(self.webpackChunkholistics_docs=self.webpackChunkholistics_docs||[]).push([["10707"],{79154(e,n,i){i.r(n),i.d(n,{metadata:()=>t,default:()=>h,frontMatter:()=>o,contentTitle:()=>d,toc:()=>a,assets:()=>l});var t=JSON.parse('{"id":"docs/delivery/public-embedding","title":"Public Embedding (iFrame Embedding)","description":"","source":"@site/docs/docs/delivery/public-embedding.md","sourceDirName":"docs/delivery","slug":"/docs/delivery/public-embedding","permalink":"/docs/delivery/public-embedding","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"Public Embedding (iFrame Embedding)","sidebar_label":"Public Embedding","description":""},"sidebar":"docs","previous":{"title":"Shareable Links","permalink":"/docs/delivery/shareable-links"},"next":{"title":"External Destinations","permalink":"/docs/delivery/external"}}'),r=i(74848),s=i(28453);let o={title:"Public Embedding (iFrame Embedding)",sidebar_label:"Public Embedding",description:""},d,l={},a=[{value:"Introduction",id:"introduction",level:2},{value:"How it works",id:"how-it-works",level:2},{value:"Considerations",id:"considerations",level:2}];function c(e){let n={a:"a",admonition:"admonition",code:"code",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...e.components},{VideoPlayer:i}=n;return i||function(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("VideoPlayer",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"introduction",children:"Introduction"}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Public Embedding (iFrame Embedding)"})," allows you to integrate Holistics Dashboards into:"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Websites and blog posts"}),"\n",(0,r.jsx)(n.li,{children:"Internal tools (e.g., Notion, Coda, wikis)"}),"\n",(0,r.jsx)(n.li,{children:"Any platform supporting iframes"}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"With a no-code/low-code setup, you can easily embed, edit, and refresh your dashboards. This feature ensures that both internal teams and external stakeholders always have access to the latest data, right where they need it."}),"\n",(0,r.jsx)(i,{src:"https://cdn.holistics.io/product/reporting-public-embed-20240912-270.mp4"}),"\n",(0,r.jsx)(n.h2,{id:"how-it-works",children:"How it works"}),"\n",(0,r.jsxs)(n.p,{children:["Under the hood, we make our ",(0,r.jsx)(n.a,{href:"/docs/delivery/shareable-links",children:"Sharable Link"})," embeddable on the web. To set up, simply follow these steps:"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsx)(n.li,{children:"Go to your dashboard."}),"\n",(0,r.jsxs)(n.li,{children:["Click on ",(0,r.jsx)(n.code,{children:"Share"})," > ",(0,r.jsx)(n.code,{children:"Sharable Link"}),"."]}),"\n",(0,r.jsx)(n.li,{children:"Create a new Sharable Link."}),"\n",(0,r.jsx)(n.li,{children:"Embed this link in your application. In certain applications, you might need to put the link in an iframe."}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"Here's an example:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'<iframe \n width="1920" \n height="1080"\n src="your_sharable_link"\n frameborder="0"\n></iframe>\n'})}),"\n",(0,r.jsxs)(n.p,{children:["Adjust the ",(0,r.jsx)(n.code,{children:"width"})," and ",(0,r.jsx)(n.code,{children:"height"})," attributes to suit your dashboard and layout needs."]}),"\n",(0,r.jsx)(n.h2,{id:"considerations",children:"Considerations"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Public Embedding makes your dashboard viewable to anyone on the internet without authentication."})}),"\n",(0,r.jsx)(n.p,{children:"Before publishing:"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:"Ensure you have permission to share the data publicly"}),"\n",(0,r.jsx)(n.li,{children:"Review your organization's data-sharing policies"}),"\n",(0,r.jsx)(n.li,{children:"Never publish confidential or proprietary information"}),"\n"]}),"\n",(0,r.jsx)(n.admonition,{type:"tip",children:(0,r.jsxs)(n.p,{children:["To securely embed your content in an internal portal or website, use our ",(0,r.jsx)(n.a,{href:"/embedded/",children:"Embedded Analytics"}),". This option ensures that all permissions and data security are enforced when your users view your internal data."]})})]})}function h(e={}){let{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},28453(e,n,i){i.d(n,{R:()=>o,x:()=>d});var t=i(96540);let r={},s=t.createContext(r);function o(e){let n=t.useContext(s);return t.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),t.createElement(s.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.