- Seção
FC 15041 :: Como mostrar as sugestões de busca do Google?
O Google Search Suggestions pode ser integrado ao autosuggest e nos resultados de buscas por produtos e notícias da loja.
Muitas vezes os clientes não sabem escrever o nome correto do produto desejado. Eles procuram por Yves Saint Laurent mas digitam ives san lorran (ou coisa pior), e não encontram o produto. O Google Search Suggestions mostrará a escrita correta do termo digitado. Ele exibirá também as buscas relacionadas, obtidas a partir do mecanismo de preenchimento automático do Google.
- Na janela de autosuggest
- Na página de resultados de busca por produtos, quando nenhum produto for encontrado
- Na página de resultados de busca por notícias, quando nenhuma notícia for encontrada
Veja exemplos de sugestões de termos fazendo buscas por produtos nesta loja modelo.
Siga os seguintes passos para ativação:
1º Passo
Inclua as linhas abaixo no final do arquivo lojalib.js
/* Google Suggestions */
function fnCallbackSuggestions(aTerms){
"use strict";
var iTerms=aTerms.length;
if(FC$.Page=="News"){
var sParamName="textobuscanews"
var sIDNotFound="idNotFoundNewsFC";
}
else{
var sParamName="texto"
var sIDNotFound="idTxtCatNotFoundFC";
}
var oNotFound=FCLib$.GetID(sIDNotFound);
if(oNotFound && iTerms>=1){
if(iTerms>10)iTerms=10;
var sTerms="<div id=GoogleTerms><ul>";
var sPlural=(iTerms>1)?"s":"";
sTerms+="<li><b>Busca"+ sPlural +" sugerida"+ sPlural +" pelo Google:</b></li>";
for(var i=0;i<iTerms;i++)sTerms+="<li><a href='"+ FCLib$.fnGetSearchURL(aTerms[i],sParamName) +"'>"+aTerms[i]+"</a></li>";
sTerms+="</ul></div>";
oNotFound.insertAdjacentHTML('afterend',sTerms);
}
}
if(FC$.query!="")FCLib$.onReady(FCLib$.fnGetSuggestions(decodeURIComponent(FC$.query),true,fnCallbackSuggestions));
2º Passo
No final do arquivo lojasite.css, inclua os seguintes estilos CSS:
/* Google Suggestions */
#GoogleTerms{margin-top:30px;}
#GoogleTerms ul {list-style-type:none;}
#GoogleTerms ul li{margin:5px 0;}
#GoogleTerms ul li a{font-size:18px;color:#666666;}
.FCNews #idTableNewsFC #GoogleTerms{margin-left:25%;}
3º Passo
Se a loja utiliza um de nossos modelos de design, clique aqui para baixar os scripts para mostrar os termos sugeridos na janela de autosuggest. Envie o arquivo zip baixado para a subpasta JS que fica dentro da pasta HTM.
ATENÇÃO: Antes de enviar, faça backup dos arquivos que serão sobrescritos JS/autosuggest.js e JS/autosuggesttbar.js.
Se a loja não utiliza um modelo nosso de design, entre em contato com nossa equipe de suporte antes de prosseguir neste passo.
|
