Google Data Studio - 刷新嵌入式网站上的数据

Question

我在 html 页面上嵌入了数据工作室报告。我在一段时间后刷新 iframe，但报告没有更新。只有转到 Data Studio 网站上的报告并单击 "Refresh data" 图标才能更新嵌入式页面上的报告。

如何在不手动单击数据工作室网站上的刷新数据图标的情况下刷新 html 页面上的报告？

HTML 页数：

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
</head>

<body>

    <div>    
        <iframe id="TODOcombined" width="800" height="600" src="https://datastudio.google.com/embed/reporting/1L5PqnHOl0kv3-bwMMVGcNgBi0cdaSMUN/page/Kj0j" frameborder="0" style="border:0" allowfullscreen></iframe>    
    </div>

    <div>    
        <iframe id="TODOmultipage" width="800" height="600" src="https://datastudio.google.com/embed/reporting/19ErM9ElRIHD18oBKo0gGTdrmU5ayXn3H/page/Kj0j" frameborder="0" style="border:0" allowfullscreen></iframe>    
    </div>

    <script>
        function refreshFrames() {
            console.log("Refreshing frames at:" + new Date);
            document.getElementById('TODOcombined').src = document.getElementById('TODOcombined').src;
            document.getElementById('TODOmultipage').src = document.getElementById('TODOmultipage').src;
        }
        setInterval(refreshFrames, 20000);
    </script>

</body>

</html>

Answer 1

创建 datastudio 报告时，您可以控制是否使用缓存（在报告设置级别）以及您希望数据的新鲜度（在连接级别，选项范围为 1、4 和 12 小时） ).

简单地刷新页面不会覆盖这些，因此您需要更改它们以满足您的需要。

详情见Manage Data Studio data freshness。

Answer 2

您好，第一个解决方案是在 chrome 扩展中安装一个名为“Data Studio Auto Refresh”的插件 site here 并进行设置。（PD：要使用此插件，必须保持您的页面 chrome 可用，您可以为此使用一台服务器或您决定的任何内容）

第二种解决方案是在 jquery、ajax 等中创建脚本以重新加载标记元素而不刷新整个页面。

希望有用！

Google Data Studio - 刷新嵌入式网站上的数据

Google Data Studio - Refresh data on embedded website

google-cloud-platform

google-data-studio