Como criar um recurso de pesquisa no site na barra de endereços do Chrome?


11

Quando você acessa stackoverflow.com no Google Chrome e se coloca um espaço na frente do último caractere, a barra de endereço muda para a da minha captura de tela abaixo.

Então você pode pressionar Tab e você pode escrever qualquer coisa, e pressionar Enter o levará para a página de pesquisa com o seu termo de busca: https://stackoverflow.com/search?q=anything.

Como posso fazer a mesma coisa no meu site?


Suponho que eles já tenham a pesquisa no site configurada e que desejam configurar o Chrome da mesma forma que o StackOverflow. Se for esse o caso, é uma pergunta muito respondível, não muito ampla.
Stephen Ostermiller

3
Parece que alguém nos fóruns dos produtos do Google descobriu o seguinte: productforums.google.com/forum/#!msg/chrome/8EFOmC6pNLs/…
Stephen Ostermiller

Droga, você deseja adicionar uma pesquisa de sites na barra de endereços ou apenas uma pesquisa de sites com preenchimento automático?
22817 Scott C Wilson #:

11
Eu sou muito preguiçoso no momento de escrever uma resposta boa, por isso aqui estão dois links: opensearch.org/Documentation/Frequently_asked_questions e à aplicação do presente ver: opensearch.org/Specifications/OpenSearch/...
Oskar Skog

@StephenOstermiller Reli a pergunta. Foi mal! Eu tinha em mente a implementação de uma pesquisa no site e de alguma forma perdi a verdadeira natureza da questão. Essa é uma boa pergunta. Felicidades!!
Closetnoc 19/07/19

Respostas:


6

Supondo que você tenha um recurso de pesquisa em seu site, aproveite a funcionalidade OpenSearch no Chrome.

Retirado da documentação do Chromium :

Para habilitar isso para todos os usuários (mesmo aqueles que não usaram seu formulário de pesquisa):

Na página inicial do seu site, forneça um link para um documento de descrição do OpenSearch. O link para o OSDD é colocado no cabeçalho do arquivo html. Por exemplo:

<head>
  <link type="application/opensearchdescription+xml"
        rel="search"
        href="url_of_osdd_file"/>
</head>

A parte importante deste documento é o URL usado para pesquisar no seu site.

A seguir, é apresentado um exemplo que contém o mínimo necessário, consulte a especificação do documento de descrição do OpenSearch para obter a lista de valores que você pode especificar.

<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>Search My Site</ShortName>
  <Description>Search My Site</Description>
  <Url type="text/html" method="get"
       template="http://my_site/{searchTerms}"/>
</OpenSearchDescription>

Quando o usuário pressiona enter na Omnibox, a string {searchTerms} no URL é substituída pela string digitada pelo usuário.

Você também pode incluir um serviço de sugestão adicionando outro elemento de URL com rel="suggestions", como:

<Url type="application/json"
     rel="suggestions"
     template="http://my_site/suggest?q={searchTerms}"
     />

Se você incluir isso, a omnibox usará seu serviço de sugestões para fornecer sugestões de consulta com base na consulta parcial do usuário.

Se sua caixa de pesquisa usa uma solicitação GET, o Chrome habilita esse recurso para os usuários que a usam.

Se você não tiver uma página de pesquisa no seu site, isso não funcionará.

Adereços para Stephen para o link inicial.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.