javascript - Google CSE X 框架选项

Question

我正在尝试为网站创建自定义搜索。我目前是一名网络开发人员，负责维护多个网站。最近我注意到搜索页面存在问题，无法正确生成结果。我调查了一下，发现最初创建该网站的人从现有网站复制了它，因此谷歌搜索字符串(他们在谷歌文档中称之为 cx)指向错误的网站(旧网站)。所以我去谷歌创建了一个新的自定义搜索引擎，只是替换了旧的 cx 值。除了这一点之外，所有代码都是相同的。我使用的是 google 提供的 JavaScript，而不是直接使用 API。 JavaScript在预定的div中生成iframe并将搜索结果嵌入到所述iframe中。问题是谷歌正在发送 X-frame-options 同源响应。我检查了其他网站，这些网站的唯一区别是 CX 搅拌。他们所有的搜索功能都运行得很好。我该如何解决这个问题以使响应有所不同？

Google 提供的代码:

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

Answer 1

Google CSE 不再支持在 IFRAME 中显示结果(请参阅 https://support.google.com/customsearch/answer/2641279?hl=en)。

您必须切换到自定义搜索元素 ( https://developers.google.com/custom-search/docs/js/cselement-devguide )。