\t\t \t   \t \t\t
\t If this post resolves the question, would you be so kind to \"Select as Best\"?. This will help other users find the same answer/resolution and help community keep track of answered questions. Thank you.   Regards,   Diego Tableau Ambassador ", "upvoteCount": 0, "url": "https://trailhead.salesforce.com/trailblazer-community/feed/0D5KX00000kSLI70AO", "datePublished": "2022-02-04T13:14:24.000Z", "author": { "@type": "Person", "name": "DIEGO FERNANDO MARTINEZ RODRIGUEZ", "url": "https://trailblazers.salesforce.com/profileView?u=0054S000001oPU8QAM", "affiliation": { "@type": "Organization", "name": "Modux" } } } ] } }
Skip to main content

When embedding a view into a web page, the view does not appear on the web page. On the web page, only the loading process appears (can be seen in the image below). Are there certain settings that must be done?

 

FYI:

- The license used is not a core license type

- Using the "Copy Embed Code" method

 

Embed View Problem

2 respuestas
  1. 4 feb 2022, 13:14

    @susan lie​ 

    Hi, embedding code is standard and intended to work on most webpages. However, it could not work due to local configurations of your webpage. You could try with the javascript api code. An example below:

    <html>

    <head>

    <script type="text/javascript" src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>

    <script type="text/javascript">

    function initViz() {

    var containerDiv = document.getElementById("vizContainer"),

    url = "https://public.tableau.com/views/COVID-19Cases_15839877187420/ColombiaenDetalle?:showVizHome=no"

    options = {

    hideTabs: true,

    onFirstInteractive: function () {

    console.log("Run this code when the viz has finished loading.");

    }

    };

     

    var viz = new tableau.Viz(containerDiv, url, options);

    // Create a viz object and embed it in the container div.

    }

    </script>

    </head>

     

    <body onload="initViz();">

    <div id="vizContainer" style="width:100%; height:800px;"></div>

    </body>

    </html>

    If this post resolves the question, would you be so kind to "Select as Best"?. This will help other users find the same answer/resolution and help community keep track of answered questions. Thank you.

     

    Regards,

     

    Diego

    Tableau Ambassador

0/9000