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

我有我的谷歌自定义搜索引擎（GCSE）代码：

（功能（）{
变量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）；
})();

然而，我的加速移动页面（AMP）站点不允许我向其添加JavaScript，我也没有看到任何AMP组件允许将GCSE嵌入AMP站点

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

---

谢谢

你说得对，这还不受支持，因为它不在中。尝试归档。

您可以尝试将该代码放在一个单独的页面中，然后通过

AMP-iframe

组件将该页面包含在AMP中。您还必须遵守此处描述的约束条件：

我在我的开源网站（）中添加了一个搜索功能，使用

amp-form

执行以下步骤：

在CSE（自定义搜索引擎）控制台上创建GCSE（谷歌自定义搜索引擎），如所述（如果尚未创建）

记住你的

搜索引擎ID

，它看起来像“013535696182405026577:kmxne16xdtx”。您可以在CS控制台的Basics选项卡上看到它，或者如果您正在查看JavaScript代码，那么它就是

cx

变量

将

添加到您的

标题

部分，其他

AMP

包含在该部分中

在

正文中

添加一个

amp表单

，您希望在其中定位搜索输入并根据需要设置表单样式：

以下是一些博客帖子：

以及初始提交：

<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>