Index

<!
doctype html>

<html class="no-js url-section-learn url-learndashboard-examples" lang="en">
<head>
<link rel="dns-prefetch" href="//s7.addthis.com">
<link rel="dns-prefetch" href="//ssl.google-analytics.com">
<link rel="dns-prefetch" href="//cdn.segment.com">
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<link rel="dns-prefetch" href="//api.mixpanel.com">
<link rel="dns-prefetch" href="//api.segment.io">
<link rel="dns-prefetch" href="//stats.g.doubleclick.net">
<link rel="dns-prefetch" href="//m.addthis.com">
<link rel="dns-prefetch" href="//www.google.com">
<link rel="dns-prefetch" href="//connect.facebook.net">
<link rel="dns-prefetch" href="//www.facebook.com">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="description" content="">

<meta property="og:title" content="Live Dashboard | Geckoboard" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.geckoboard.com/learn/dashboardexamples/support-dashboard-example/live-dashboard/" />
<meta property="og:image" content="https://www.geckoboard.com/assets/img/gec
koboard-thumb.jpg" />
<meta property="og:description" content="" />
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@geckoboard">
<meta name="twitter:title" content="Live Dashboard ">
<meta name="twitter:description" content="">
<meta name="twitter:creator" content="@geckoboard">
<meta name="twitter:image" content="https://www.geckoboard.com/assets/img/ge
ckoboard-thumb.jpg">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximumscale=1.0, user-scalable=no">
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png
">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114
.png">
">
.png">
">
.png">
">
.png">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<link rel="alternate" type="application/rss+xml" href="http://www.geckoboard
.com.s3-website-us-east-1.amazonaws.com/feed.xml" title="Geckoboard Updates">
<link href="/assets/css/app.css" rel="stylesheet" type="text/css" media="all
" />
<script src="//use.typekit.net/hhz2hwa.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script src="/assets/js/vendor/modernizr.min.js"></script>
<script src="/assets/js/vendor/jquery.min.js"></script>
<title>Live Support Dashboard | Geckoboard</title>
<style>
html {
overflow: hidden;
}
#launcher {
display: none;
}
</style>
</head>
<body>
<div class="wrapper">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/
css/font-awesome.min.css">
<iframe height="100%" width="100%" marginwidth="0" style="overflow: hidden;" fra
meborder="0" src="https://demo.geckoboard.com/dashboards/03CF7FF63ED2B885" allow
fullscreen frameborder="0" scrolling="no" onload="resizeIframe(this)"> </iframe>
<div id="toolbar-container" class="animated">
<div id="toolbar" class="branded-share">
<div class="toolbar-left">
<a href="/learn/dashboard-examples/support-dashboard-example" title="Back
to Dashboard Example">
<div class="back-btn">
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
</div>
<h1>Live Support Dashboard</h1>
</a>
</div>
<div class="toolbar-center">
<div class="toolbar-center-img-container">
<div class="toolbar-center-img" style="background-image: url('/assets/Ko
met-Sales-dashboard-examples-min.jpg')"></div>
</div>
<div class="container">
<div class="content-row__text benefits-quote__text">
<h2>Featured Case Study</h2>
<p>Komet Sales is a Software as a Service (SaaS) business to business pl
atform. The platform allows...</p>
<a class="round-btn-small" href="/learn/case-studies/komet-sales">Read t
he Full Case Study</a>
</div>
</div>
</div>
<div class="toolbar-right">
<a href="https://www.geckoboard.com" title="KPI dashboard software for bus
inesses" target="_blank">
<img src="/assets/svg/logo.svg" alt="Geckoboard logo">
</a>
</div>
<a href="#" class="show"></a>
</div>
</div>
<script>
$(document).ready(main);
function main()
{
$('iframe').attr('src', getIframeUrl() );
registerEvents();
resizeIframe();
}
function getIframeUrl()
{
var url = window.location.href;
var iframe_url = 'https://demo.geckoboard.com/dashboards/03CF7FF63ED2B885';
var param_start = url.indexOf("iframe=");
if( param_start != -1 )
iframe_url = url.substr(param_start+7,url.length-param_start-7);
if( iframe_url.indexOf("http://") == -1)
iframe_url = "http://" + iframe_url;
return iframe_url;
}
function resizeIframe()
{
$("#iframe").height( WindowHeight() - getObjHeight(document.getElementById("to
olbar-container")) );
}
function WindowHeight()
{
var de = document.documentElement;
return self.innerHeight ||
(de &amp;&amp; de.clientHeight ) ||
document.body.clientHeight;
}
function getObjHeight(obj)
{
if( obj.offsetWidth )
{
return obj.offsetHeight;
}
return obj.clientHeight;
}
$(window).resize( function() {resizeIframe();} );
</script>
<script>
$( ".show" ).click(function() {
if ($(this).hasClass("active")) {
$('#toolbar-container').removeClass('hideDown');
} else{
$('#toolbar-container').addClass('hideDown');
}
});
</script>
<script>
document.querySelector('.show').addEventListener('click', function () {
this.classList.toggle('active');
});
</script>
</div>
<script src="/assets/js/vendor/lodash.min.js"></script>
<script async src="/assets/js/vendor/magnific_popup.min.js"></script>
<script src="/assets/js/marketing_tracking.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16139750-6']);
_gaq.push(['_setDomainName', 'geckoboard.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://w
ww') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor
e(ga, s);
})();
</script>
<script type="text/javascript">
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.in
itialize)if(analytics.invoked)window.console&&console.error&&console.error("Segm
ent snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trac
kSubmit","trackClick","trackLink","trackForm","pageview","identify","group","tra
ck","ready","alias","page","once","off","on"];analytics.factory=function(t){retu
rn function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics
.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=an
alytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){
var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src
=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/a
nalytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("scri
pt")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.0.1";
// Grab utm_ parameters from URL for last touch attribution

function getQueryParam(url, param) {
param = param.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
var regexS = "[\\?&]" + param + "=([^&#]*)",
regex = new RegExp(regexS),
results = regex.exec(url);
if (results === null || (results && typeof(results[1]) !== 'string' && resul
ts[1].length)) {
return '';
} else {
return decodeURIComponent(results[1]).replace(/\+/g, ' ');
}
};
// Set last touch utm_ parameters for use in identify call
var campaign_keywords = 'utm_source,utm_medium,utm_campaign,utm_content,utm_te
rm'.split(',');
var kw = '';
var params = {};
var index;
for (index = 0; index < campaign_keywords.length; ++index) {
kw = getQueryParam(document.URL, campaign_keywords[index]);
if (kw.length) params[campaign_keywords[index] + ' [last touch]'] = kw;
}
analytics.load("o14DmACrTdwue7ezF1agyf22hsR3RmF3");
analytics.track('page viewed', {'page name' : document.title, 'url' : window.l
ocation.pathname});
analytics.identify(GB.getTrackingId(), params);
analytics.ready(function (){
if (window.mixpanel) {
window.mixpanel.set_config({ track_links_timeout: 1000 });
window.mixpanel.register_once({ 'landing page': window.location.pathname }
);
}
});
}}();
</script>

<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N9BXNQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N9BXNQ');</script>

<script src="/assets/js/scripts.min.js" async></script>
<script>
var addthis_config = {
data_track_addressbar: true,
data_track_addressbar_paths: [
'/blog/*',
'/learn/*'
]
};
var addthis_share = {
passthrough : {
twitter: {
via: "geckoboard",
text: "Live Dashboard"
}
}
};
</script>
<script async src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52a1be6f38
b0f6d4"></script>
<script src="//twemoji.maxcdn.com/2/twemoji.min.js"></script>
<script>
twemoji.parse(document.body, {
callback: function(icon, options, variant) {
switch ( icon ) {
case 'a9':
// copyright
case 'ae':
// registered trademark
case '2122':
//
trademark
return false;
}
return ''.concat(options.base, options.size, '/', icon, options.ext);
}
});
</script>
</body>
</html>

Index

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Index

Uploaded by

Copyright:

Available Formats

<!

<!--[if lt IE 9]><html class="no-js ie lt-ie9 ie8 url-index" lang="en"><![endif]

<meta name="description" content="">

// Grab utm_ parameters from URL for last touch attribution

You might also like