Introduction
After a succesfull cleaning, analysing and making of report in Power BI, the next step to some Users Is to Embed it to a website or a blog.
In this guide I will walk you through how I :
- Created working space in Power BI.
- Upload and Published Report
- Generate and Embeded Code With IFrame
IFrames involves generating a shareable link or code from the Power BI service and placing that code into the HTML of your website.
Step 1: Creating a Workspace in Power BI Service
A workspace is used to store and manage reports, dashboards, and datasets.
Follow these steps:
- Go to Power BI Service: https://app.powerbi.com
- Sign in with your account
- From the left panel, select Workspaces
- Click New Workspace
- Enter a name (e.g., Electronics Sales Workspace) Click Save
Step 2: Upload and Publish the Report
After the workspace is created, upload your Power BI report file.
Steps On Power BI:
- Click Publish
- Select your workspace
Step 3: Understand Embedding Options
Power BI provides two main ways to embed reports:
1. Publish to Web (Public Embed)
- Accessible without login
- Suitable for public dashboards
- Generates a public link
2. Secure Embed
- Requires authentication
- Suitable for private or organizational use
- Keeps data protected
If “Publish to Web” is disabled, use Secure Embed.
After Selecting The Prefered one You Proceed to embed the report, generate an iframe code from Power BI.
Steps:
- Open your report in Power BI Service
- Click File then Embed report then Website or portal
- Copy the generated IFrame code
Step 4: Embed the Report in an HTML Page
Create an HTML file and paste the embed code inside it.
HTML page displaying the dashboard
Here are Common Issues You Might Come Accross and Solutions
Issue 1: Report Not Displaying
- Cause: Using a secure embed link without authentication
- Solution: Log in or use “Publish to Web” if available
Issue 2: Map Visual Not Working
Cause: Map visuals disabled in settings
Solution:
- Go to File then Options then Global then Security
- Enable map visuals
Issue 3: Incorrect Calculations
- Cause: Improper DAX or data modeling
- Solution: Use row-level calculations
Issue 4: Slicers Not Working
- Cause: Using fields from the fact table
- Solution: Use dimension tables (e.g., Customers, Products)
Best Practices
- Use a star schema for data modeling
- Create measures using DAX instead of raw columns
- Use consistent naming for visuals
- Keep the dashboard layout clean and aligned
- Use slicers from dimension tables only
Conclusion
Power BI reports Can Be Published and Embeded in Websites using IFrame while following the above steps.
Understanding all the stapes and possible solutions for issues that you might come accross Helps in Smooth Implementation.
Top comments (0)