标题栏中的搜索区域“有效”,因为它已设计完成,您可以点击打开和关闭,以及其他操作。但它还没有真正执行任何搜索。这很重要,对吧?
在这个网站上,我们使用Google自定义搜索引擎来搜索内容。WordPress内置了搜索功能,但效果并不好。它只是匹配字符串并按顺序列出找到的内容。它没有Google提供的那些高级功能:搜索逻辑、自动更正拼写错误、确定意图,最重要的是,首先显示最相关的结果。
因此,我们将使用GCSE,并且需要进行一些设置。我们进入他们的管理区域创建它们,并从头开始创建一个。我们将使用免费版本。不是因为我想要在搜索结果中到处都是广告(我不想),而是因为付费版本对于这个规模的网站来说成本过高。要么我每月支付数千美元以获得无广告搜索,要么实际上通过在搜索结果中投放广告赚取一些钱,并免费获得搜索功能。这非常简单。
我们构建的第一个搜索引擎是一个全站搜索,因此我们让它搜索“css-tricks.com”。
然后,我们获取GCSE提供的代码,将其包含在网站上以使搜索功能正常工作。我们必须稍微深入研究一下才能找到仅显示搜索结果的选项,并且您可以“自带”搜索表单。这绝对适合我们,因为我们已经设计了自己的搜索表单,并且喜欢它的样式。
我们有一个专门用于搜索结果的页面模板。我们将此模板整理成型,显示我们希望它显示的内容。
然后我们开始创建更多自定义搜索引擎。这是一种解决我们想要实现目标的略微“hacky”的方式:能够随意搜索网站的子部分。我们创建的第二个CSE仅用于搜索“css-tricks.com/forums/”。然后我们为论坛搜索创建了一个不同的搜索结果页面(/search-results/forums/),但使用相同的模板。在此页面上,我们放置了来自此新的、更受限制的搜索引擎的CSE代码。
我们只需要确保用户能够以某种方式找到正确的搜索引擎……
嗨,Chris,
我正在享受这些视频,但我认为此文件的名称不正确。
谢谢
已修复!
到目前为止,我只看了一半的视频,但如果您能使用CSS更改结果的外观,难道您不能将广告设置为“display: none”以将网站内容推到顶部吗?
我想从道德角度讲这有点卑鄙,但每年收取数千美元用于无广告网站搜索也同样卑鄙……
这里有一个关于GCSE免费版本广告的快速提示:如果您碰巧正在为“非营利组织、大学或政府机构”(就像我一样)的网站工作,Google允许您在结果页面上禁用广告的情况下使用免费的GCSE。我认为在这种情况下,使用GCSE几乎成为一个明智的选择。
我不确定这是否重要,但在为全局搜索结果设置Ad Sense帐户时,您没有点击“提交”,但您为论坛搜索结果点击了“提交”。
好吧!现在它运行良好,至少据我所知。如果这是一个错误,我可能已经去修复了(“镜头外”)。不过,您的观察力很敏锐=)
更改表单名称(q)是否也能奏效,例如,如果您想搜索论坛,则
q
将是f
或类似的东西?您只需在search-results
页面上放置所有Google搜索JavaScript吗?