Periscope Embeds in Salesforce

Here's an example script for how to embed periscope dashboards in a Salesforce page - in this case, we're embedding in the Accounts page. Be sure to replace your dashboard id, API key, and include the appropriate filters. 


<apex:page standardController="Account"> # Salesforce apex page tag

# include any cdn / libraries
<script src=''></script>


<div id="container"/> #container to house the embed

# function to create a periscopeURL
function periscopeUrl (apiKey, data) {
var path = '/api/embedded_dashboard?data=' + escape(JSON.stringify(data));

var sha = new jsSHA('SHA-256', 'TEXT');
sha.setHMACKey(apiKey, 'TEXT');
var signature = sha.getHMAC('HEX');

// Build and return final periscope URL
var url = '' + path + '&signature=' + signature;
return url;

var iframe = document.createElement('iframe');

// Set final periscope URL given API key, dashboard id, and account info
iframe.src = periscopeUrl('API_KEY', {
dashboard: DASHBOARD_ID,
embed: 'v2',
filters: [{name: 'FilterNameinPeriscope', value:'{!Account.Name}'}]

iframe.height = 1500;
iframe.width = 500;
var div = document.getElementById('container');


Reply Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
Like2 Follow
  • 9 mths agoLast active
  • 431Views