Embedding Dashboards#
Squirro dashboards can be embedded into other web applications or even desktop software. The basis for this is iFrame technology.
How to Embed Using iFrames#
To embed a dashboard into a third-party application, select the dashboard within the user interface. On the right-hand side, open the menu and select Embed iFrame or Share. The only difference between the two commands is that Embed iFrame generates the full HTML code for an iFrame, while Share simply returns a URL to use.
That URL can be used for embedding, or it can simply be shared in chat apps, email, etc.
If you select the Automatically login into this account checkbox, a token is generated and appended to the dashboard URL. With this token, anybody can access the dashboard impersonating the current user in read-only mode.
Parameters#
The URL generated by the user interface always embeds the dashboard in its saved state. This means that any dashboard query and time limits configured in the dashboard are applied. These can be overwritten with URL parameters.
For example, the user interface may have returned the following URL:
https://squirro.example.com/app/dashboard/OuKRZuhmTXCA0mAfwSVm2g/hMcTiqacTIa0mXYvVh5N9Q
To extend this URL and pass in a custom query, use the query parameter as follows:
https://squirro.example.com/app/dashboard/OuKRZuhmTXCA0mAfwSVm2g/hMcTiqacTIa0mXYvVh5N9Q?query=test
Further parameters are added, separated by an ampersand. An example with a query and a token:
https://squirro.example.com/app/dashboard/OuKRZuhmTXCA0mAfwSVm2g/hMcTiqacTIa0mXYvVh5N9Q?query=test&token=abc
Parameter Reference#
All URL parameters are processed by the dashboard state system, which converts them into interactive selection chips that appear in the search interface. These selections can be removed or modified by users through the UI.
Reference: For detailed information about how URL parameters are converted to dashboard selections, see the Dashboard Editor page (Dashboard URL API Reference section).
Parameter |
Documentation |
||||||||||||||||
token |
Token for authentication. The token generated with that checkbox only grants the privileges needed to visit dashboards. |
||||||||||||||||
query |
Items visualized in the dashboard are limited to the ones returned by this query. For query syntax details, see the Query Syntax page. |
||||||||||||||||
relative_start |
Only return items that were created after this date and time. Uses the relative date and time format. Relative time is a number followed by a unit, for example Valid units are:
|
||||||||||||||||
created_after |
Only return items that were created after this date and time. Uses the standard date and time format. |
||||||||||||||||
relative_end |
Only return items that were created after this date and time. Uses the relative date and time format (see the |
||||||||||||||||
created_before |
Only return items that were created before this date and time. Uses the standard date and time format. |
||||||||||||||||
query_params |
Query parameters injected into all API requests from the dashboard as |
||||||||||||||||
chatter_token |
A Salesforce.com access token. If the Share on Chatter feature is turned on and this option is set, the Share on Chatter option is displayed in the horizontal result list. |
||||||||||||||||
chatter_url |
A Salesforce.com instance URL used for the share on Chatter function. |
Sandboxing#
If the iframe is used with the sandbox attribute, modal dialogs and JavaScript are blocked. Learn more
Set the sandbox attribute to allow-scripts allow-modals to avoid this.
Chat Widget Considerations#
When a dashboard containing the Chat widget is embedded in an external website, some agent types require access to Squirro-internal endpoints that are not available in that context. Requests to those endpoints will fail, and users may see error messages in the embedded widget.
To avoid this, turn off the following agents before embedding a dashboard with the Chat widget:
Collection agent
Collection agents query the Collections endpoint to scope the conversation to a specific document collection. That endpoint is not accessible from external websites, which causes errors in the embedded widget.
Favorite Filter agent
Favorite Filter agents query the Favorite Filters widget endpoint to narrow the conversation to a saved search. That endpoint is not accessible from external websites, which causes errors in the embedded widget.
Troubleshooting#
Automatic Logout#
When embedding a dashboard integration with a token (automatic login) the user may be automatically logged out from the system when they access Squirro standalone the next time. This is because the read-only token only grants access to the dashboard, but not to the standalone application.
To prevent this from happening, you can point a second domain name to the Squirro application and use that domain for integrations. That approach avoids clashes between the embedded iFrames and the standalone application usage.
