<div id="main-content" class="wiki-content group">
<h1 id="UtilizaçãodeURLspararenderizardentrodoFluig-Índice">Índice</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
para renderizar dentro del Fluig</a></li>
</ul>
</div>
</p>
<h1
id="UtilizaçãodeURLspararenderizardentrodoFluig-URLspararenderizardentrodoFluig">URLs
para renderizar dentro del Fluig</h1>
<p>Por una cuestión de seguridad, existe una forma de bloquear la
utilización de una página web como destino de un iframe, es decir, no
es posible renderizar una página dentro de otra página cuando la más
interna utilice el atributo “X-Frame-Options” con valor “SAMEORIGIN”.</p>
<p>Algunos sistemas web colocan a disposición URLs que se pueden
utilizar dentro de iframes, esas URLs se tratan de forma diferenciada
de tal manera que mantenga los datos de la aplicación protegidos.</p>
<p>
En el caso del Fluig Analytcs es posible utilizar URLs de dashboards e
informes específicos. Para eso, acceda el Analytics –
analytics.fluig.com – elija la widget o dashboard deseado y active la
opción “Embed”,<em> </em>se presentará una nueva pantalla con una URL
aplicada a un iframe, simplemente copie la URL generada y utilice, por
ejemplo, en un documento externo del Fluig. Las imágenes a
continuación auxilian en este procedimiento.
</p>
<p>En el dashboard deseado, seleccione el ícono de un engranaje en
la esquina superior derecha, conforme a la ilustración en la imagen a
seguir, y elija la opción “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>Figura 1 - Acceso la opción embed de un dashboard.</strong>
</p>
<p> </p>
<p>La opción “Embed” también está disponible en informes
específicos, conforme a la imagen a seguir.</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;">Figura 2 - Acceso a la
opción embed de un informe específico</strong>
</p>
<p> </p>
<p>Al hacer clic en la opción “Embed” se abrirá una nueva ventana
con la URL que se debe utilizar para renderizar en otros ambientes los
dashboards del analytics.</p>
<p>En la imagen a continuación, la URL que se debe utilizar está
destacada.</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;">Figura 3 - Acceso al link
generado después de hacer clic en la opción embed</strong>
</p>
<p> </p>
<p>A continuación, una imagen ilustra con más claridad la URL que
se utilizará.</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;">Figura 4 - Link destacado para
la utilización en el Fluig</strong></strong>
</p>
<p style="text-align: center;">
<strong style="text-align: center;"><strong
style="text-align: center;"><br /></strong></strong>
</p>
</div>
|