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.
- no painel de controlo, carregue no motor de busca que deseja usar.
- carregue na configuração da barra lateral e, em seguida, carregue na página básica.
- 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.