What is a public link? Put simply, a URL to share a dashboard or a widget and, hence, its data, without the need to logging in to Ubidots or an Ubidots-powered app.
What is an "embed snippet" code? The "embed code" is a block of HTML placed within a web page's source code to include content from another website.
WARNING: When using a public link to share dashboards, control widgets such as Switches, Manual Inputs, and Sliders do not get locked. Be careful because data can be sent to your devices through these even without logging in to an Ubidots account.
1. Share a dashboard with a public link or embedded code
Following the below steps you'll be able to share a dashboard through one or multiple public URLs or HTML snippets of code to embed the dashboard into another website.
Step 1: Go to the Dashboards' drawer, click on the button represented with three dots and then select the "share" option.
Step 2: Configure the share drawer's settings before generating the link.
Language: Choose between German, English (UK or US), Spanish, French, Portuguese, Dutch, or Chinese.
Date range: Choose between the following options:
Dashboard's default.
Current selection.
Custom (Date picker): here you will see a date range selector in the public link.
Hide Navbar.
Display Dashboard tittle.
Step 3: While on the "share drawer", scroll down and click on the "create new link" button. You can manage different links simultaneously.
Step 4: Copy the link and paste it on your browser to open the public dashboard.
Step 5: Use the "embed" option in the menu to copy the HTML snippet. After copying it, you should have a code as the one shown below in your clipboard:
<iframe width="100%" height="100%" frameborder="0" src="https://industrial.ubidots.com/app/dashboards/public/dashboard/ki7ZLe_OMAI0zPpVoX-42hchLpZjA9oRjEKtRltQk-s"></iframe>
This allows you to embed the dashboard into another website HTML's source code to display its data as part of the website's content.
Optional:
Step 6: Reload or Delete a public link with the options next to the copy icon.
2. Share a widget with a public link or embedded code
Following the below steps you'll be able to share a widget through a public URL or HTML snippet of code to embed the widget into another website.
Step 1: Click on the button represented with three dots, located at the upper right corner of the widget and then click on "share".
Step 2: Click on the "copy" icon to either copy the public URL or the HTML snippet.
Step 3: Paste the copied public URL into a web browser tab, you'll see something similar to the below image. Note there's no other options different to visualizing the data.
If the HTML snippet code was the selected option, you should have a code as the one below in your clipboard:
<iframe width="100%" height="703" frameborder="0" src="https://industrial.ubidots.com/app/dashboards/public/widget/VN9H1BHxuposx4iqiJaBC4A3k-bdKNQZ-StM67TQJ6Q?embed=true"></iframe>
This allows you to embed it into another website's HTML source code to display the widget data as part of the website's content.
Optional:
Step 4: Regenerate a public link or HTML snippet with the "regenerate link" button. By using this option, any link or snippet that was previously shared will stop working.