Question

我在“正常”（非AMP）页面中使用Google表格。但是在AMP页面中，它们不存在。当我加载的页面末尾没有/ AMP时，我可以看到表格，而末尾没有/ 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-20-03-2019/amp
要在我的网站上获取AMP页面，请使用wordpress插件。我在AMP网站中搜索添加“ java脚本”，但找不到。有人可以帮我吗？

Answer 1

实际上你不能。您需要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>

Answer 2

首先，您需要一个带有图表的模板。我们称之为template.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>

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

2 个答案: