Uma vez que você criou o seu motor de busca programável, você pode adicionar o elemento de busca programável ao seu site. Para fazer isso, você vai precisar copiar algum código e colá-lo no HTML do seu site, onde você quer que o seu motor de busca para aparecer.

  1. no painel de controlo, carregue no motor de busca que deseja usar.
  2. carregue na configuração da barra lateral e, em seguida, carregue na página básica.
  3. na secção de detalhes, clique em obter o código.,Copie o código e cole-o no código fonte HTML da sua página, onde deseja que o elemento de pesquisa programável apareça.
<div class="gcse-search"></div>

a experimentar diferentes disposições

em muitas ocasiões, faz sentido que uma caixa de pesquisa apareça independentemente dos resultados da pesquisa. Uma disposição de duas colunas permite-lhe desenhar uma caixa de pesquisa numa área da sua página (por exemplo, na barra lateral) e mostrar os resultados numa área diferente (por exemplo, a área principal da página).,

para alterar a disposição do seu motor, vá para a secção de aparência e comportamento no painel de controlo e carregue na página disposição. Depois de selecionar e gravar a disposição de 2 colunas no painel de controle, Você também precisa mudar o código HTML para o elemento de pesquisa.

outra disposição interessante é a opção de duas páginas. Ele permite que você implemente sua própria caixa de pesquisa em uma página e renderize os resultados de pesquisa padrão em outra página usando parâmetros na barra de endereço.

Selecione e salve a disposição de duas páginas no painel de controle., Em uma página, Implemente um campo de pesquisa independente, alterando o id

atributo para apontar para o url onde você deseja mostrar os resultados.

Tentar

Para implementar um stand-alone página de resultados de pesquisa, colar os resultados snippet de código em sua página de resultados:

<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script><div class="gcse-searchresults-only"></div>

Agora você pode acionar resultados de busca nesta página, passando um “q” argumento na url:

Tentar

Continuar para Activar a conclusão automática.

Articles

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *