如何在AMP页面中集成Google图表？

Question

Google为Google Graphs提供了Javascript API，但我无法在页面上编写任何js，因为它是一个AMP页面

我有以下解决方案： 创建一个不同的非AMP页面，在那里集成谷歌图表，并在我的AMP页面上添加页面的iframe，但我的页面在HTTP上，谷歌不允许在AMP页面上使用HTTP iframe链接。

有人能想到任何其他解决方案吗？

如果你能提供帮助，那将会很棒。

Answer 1

在这种情况下，

amp-iframe是正确的方法。您有两种选择：

1. 从支持https的其他来源提供iframe，例如使用firebase static hosting。

2. 使用srcdoc属性直接将iframe内容嵌入您的AMP：

   ＆lt; amp-iframe width =＆＃34; 500＆＃34;高度=＆＃34; 281＆＃34;   布局=＆＃34;响应＆＃34;   sandbox =＆＃34; allow-scripts allow-popups＆＃34;   请将allowFullScreen   FRAMEBORDER =＆＃34; 0＆＃34;   srcdoc =＆＃34;＆LT; H1＆GT;你好＆LT; / H1＆GT;＆＃34;＆GT; ＆LT; /安培的iframe＆GT;