amp-html - 将 Google 自定义搜索添加到 AMP 站点

Question

我有我的 Google 自定义搜索引擎 (GCSE) 代码:

<script>
  (function() {
    var cx = '008589157460623253837:mhsjluzrngo';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

但是，我的 Accelerated Mobile Pages (AMP) 站点不允许我向其中添加 JavaScript，而且我没有看到任何允许将 GCSE 嵌入到 AMP 站点的 AMP 组件。

如何在不违反 AMP 合规性的情况下在我的网站上获得 GCSE？

谢谢

Answer 1

您可以尝试将该代码放在单独的页面中，然后通过 amp-iframe 将该页面包含在您的 AMP 中。成分。您还必须遵守此处描述的约束:https://www.ampproject.org/docs/reference/components/amp-iframe