在 AMP html 中添加自定义 js 文件?



我想在我的 AMP 页面中添加自定义 JavaScript 插件,例如猫头鹰轮播,可以这样做吗?

您无法在 AMP 中插入外部 JavaScript,因为 AMP 不会 JavaScript。但是,使用 amp-iframe 您可以在iframe中创建功能,并将该 iframe 包含在 AMP 网页中。

因此,如果您想使用猫头鹰轮播显示图片,请制作一个 iframe,其中您已使用 owl-轮播实现图片轮播,并将该 iframe 包含在您的 AMP 网页中。因此,它看起来仅在 AMP 页面上。因此,iframe 将包含带有猫头鹰轮播的图像标签。

不过,如果您想在 AMP 网页的轮播界面中显示图片,请访问 https://www.ampproject.org/docs/reference/components/amp-carousel 无论如何,这将帮助您在 AMP 中实现图片轮播。

如果您指定您的要求,那么我可以帮助您设计您的 iframe 或 amp 轮播,以可能的方式为准。

AMP 网页不支持在网页标题中加载自定义/外部脚本。它甚至不允许加载外部stylesheets.

您可以在此处参考他们的官方文档。那说明

除非类型为 application/ld+json,否则禁止使用脚本。(可以根据需要添加其他不可执行的值。一个例外情况是用于加载 AMP 运行时的必需脚本代码和用于加载扩展组件的脚本代码

您不能在 AMP 中添加自定义 js 脚本,而不是 Javascript,最好使用 AMP 组件。AMP 有自己的轮播 amp-carus

例 : 点击这里

最新更新