<div id="main-content" class="wiki-content group">
<h1 id="UtilizaçãodeURLspararenderizardentrodoFluig-Índice">Contents</h1>
<p>
<style type='text/css'>/*<![CDATA[*/
div.rbtoc1412696167143 {
padding: 0px;
}
div.rbtoc1412696167143 ul {
list-style: none;
margin-left: 0px;
}
div.rbtoc1412696167143 li {
margin-left: 0px;
padding-left: 0px;
}
/*]]>*/
</style>
<div class='toc-macro rbtoc1412696167143'>
<ul class='toc-indentation'>
<li><span class='TOCOutline'>1</span> <a
href='#UtilizaçãodeURLspararenderizardentrodoFluig-URLspararenderizardentrodoFluig'>URLs
to render within Fluig</a></li>
</ul>
</div>
</p>
<h1
id="UtilizaçãodeURLspararenderizardentrodoFluig-URLspararenderizardentrodoFluig">URLs
to render within Fluig</h1>
<p>For security purposes, there is a way to block the use of a web
page as an iframe target, i.e., it is not possible to render a page
within another page when the innermost page is using the a
“X-Frame-Options” attribute, with the value “SAMEORIGIN”.</p>
<p>Some web systems provide URLs that can be used within iframes,
these URLs are handled differently in order to keep the application
data protected.</p>
<p>
In the case of Fluig Analytcs, it is possible to use URLs of
dashboards and specific reports. To do that, access Analytics –
analytics.fluig.com – select the desired widget or dashboard and click
“Embed”,<em> </em>a new screen will be displayed with a URL applied to
an iframe. Just copy the URL generated and use, for example, in an
external Fluig document. The images below can assist with this
procedure.
</p>
<p>In the desired dashboard, select the gear icon in the upper
right corner, as shown in the image below, and select “Embed”.</p>
<p>
<img class="confluence-embedded-image image-center" width="700"
src="http://tdn.totvs.com/download/attachments/127959306/embed.png?version=1&modificationDate=1394199153000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/127959306/embed.png?version=1&modificationDate=1394199153000&api=v2">
</p>
<p style="text-align: center;">
<strong>Figure 1 - Access to the embed option of a dashboard.</strong>
</p>
<p> </p>
<p>The “Embed” option is also a available in specific reports, as
shown in the image below.</p>
<p>
<img class="confluence-embedded-image image-center" width="500"
src="http://tdn.totvs.com/download/attachments/127959306/embed-dashboards.PNG?version=1&modificationDate=1394199299000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/127959306/embed-dashboards.PNG?version=1&modificationDate=1394199299000&api=v2">
</p>
<p style="text-align: center;">
<strong style="text-align: center;">Figure 2 - Access to the
embed option of a specific report.</strong>
</p>
<p> </p>
<p>When clicking on the “Embed” option, a new window will open with
the URL that must be used to render the analytics dashboards in
another environment.</p>
<p>In the image below, the URL that must be used is highlighted.</p>
<p>
<img class="confluence-embedded-image image-center" width="500"
src="http://tdn.totvs.com/download/attachments/127959306/URL.png?version=1&modificationDate=1394199619000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/127959306/URL.png?version=1&modificationDate=1394199619000&api=v2">
</p>
<p style="text-align: center;">
<strong style="text-align: center;">Figure 3 - Access to the
link generated after clicking on the embed option</strong>
</p>
<p> </p>
<p>The image below is a clear demonstration of the URL being used.</p>
<p>
<img class="confluence-embedded-image image-center"
src="http://tdn.totvs.com/download/attachments/127959306/URL%20em%20destaque.png?version=1&modificationDate=1394199624000&api=v2"
data-image-src="http://tdn.totvs.com/download/attachments/127959306/URL%20em%20destaque.png?version=1&modificationDate=1394199624000&api=v2">
</p>
<p style="text-align: center;">
<strong style="text-align: center;"><strong
style="text-align: center;">Figure 4 - Highlighted link to
be used in Fluig</strong></strong>
</p>
<p style="text-align: center;">
<strong style="text-align: center;"><strong
style="text-align: center;"><br /></strong></strong>
</p>
</div>
|