如何在AMP页面上集成Google图表

Question

我在我的"正常"（非AMP）页面中使用Google表图。但是在AMP页面中，它们不在那里。当我在末尾加载没有/放大器的页面时，我可以看到表格，并且最终可以使用/放大器。
示例：
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-20-03-2019和
https://lotto-6-aus-49.de/lottozahlen-von-heute-mittwoch-den-den-20-03-2019/amp
要在我的网站上获取AMP页面，我使用WordPress插件。我在AMP站点中搜索了" Java脚本"，但找不到。有人可以帮我吗？

Answer 1

首先，您需要一个带有图表的模板。让我们称之为模板.html

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/template.html"></amp-iframe>

您可以将所有JS放入该模板中。iframe应该起作用。但是请记住，只有在页面顶部低于80％时才允许iframe。

如果您需要加载动态内容，则可以创建一个接受参数的PHP文件，并返回一个包含图表的HTML文件。

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="/charts.php?startDate=2019-01-01&endDate=2019-02-01"></amp-iframe>

Answer 2

实际上你不能。您需要JavaScript，因为它与AMP不起作用。

添加：

iframe解决方案：首先，您可以创建一个确实显示要显示的图表的模板（HTML JS）。然后，您使用AMP-IFRAME导入该模板文件。

<amp-iframe width="200" height="100"
sandbox="allow-scripts allow-same-origin"
layout="responsive"
frameborder="0"
src="pathtotemplate/template.html">
</amp-iframe>