Как я могу интегрировать Google Charts на страницы AMP - PullRequest
Новая
       22

Как я могу интегрировать Google Charts на страницы AMP

0 голосов
/ 23 марта 2019

Я использую Google Table Charts на своих "обычных" (NON-AMP) страницах.Но на страницах 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.Я искал для добавления "скрипты Java" на сайте AMP, но не могу найти.Кто-нибудь может мне помочь?

Ответы [ 2 ]

0 голосов
/ 04 апреля 2019

Прежде всего вам нужен шаблон с вашими диаграммами.Давайте назовем этот template.html 

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

Вы можете поместить все свои js в этот шаблон.Рамка должна работать.Но имейте в виду, что iFrames разрешены, только когда ниже 80% от верхней части страницы.

Если вам нужно загрузить динамический контент, вы можете создать 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>
0 голосов
/ 23 марта 2019

На самом деле вы не можете.Вам нужен 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>
...