A presença de novos conteúdos atualizados é um fator determinante para o sucesso de um site. Criar e atualizar o conteúdo constantemente não é, no entanto, uma operação fácil e não sem custos.
Entre as coisas que podem ser feitas com o uso de Google Api, há para fornecer ao nosso site um ou mais colecionadores de notícias, por meio de pesquisa e publicação de Feeds RSS disponibilizados pelos sites mais díspares. Ao recorrer ao carregador do motor de pesquisa, podemos ler uma série de notícias, vídeos e comentários de blogues com base numa localização geográfica, etc.
Resumindo, podemos enriquecer a página inicial com novidades de qualquer área, área ou data.
Clicar em um feed específico leva você a uma página do Google (Adicionar ao Google) onde é possível usar o link verde para ser usado como um parâmetro a ser passado para a função de pesquisa API do Google.
Pedimos uma chave ao Google
Para usar as APIs do Google, você deve ter uma conta do Google (Gmail também é bom) e ir para a área de registro no endereço http://code.google.com/intl/it-IT/apis/loader/signup.htmle digite o endereço relativo à página onde queremos explorar a API. Assim, obtemos uma chave alfanumérica de 86 caracteres para ser usada no script que devemos implementar para criar nosso contêiner de notícias.
Juntamente com a chave, o serviço disponibiliza ainda um guião, a utilizar na página onde pretendemos recolher as notícias, com o qual procuramos e publicamos notícias, vídeos e comentários por localização geográfica.
Vamos examinar o código fornecido
Vamos nos concentrar no código da função OnLoad ():
function Onload () {
// Crie um controle de pesquisa
var searchControl = new google.search.SearchControl ()
// adicione um conjunto completo para pesquisa (web, vídeo, blog)
var localSearch = new google.search.LocalSearch ();
searchControl.addSearcher (localSearch);
searchControl.addSearcher (new google.search.WebSearch ());
searchControl.addSearcher (new google.search.VideoSearch ());
searchControl.addSearcher (new google.search.BlogSearch ());
// Estabelece uma localização geo-referenciada para a pesquisa
localSearch.setCenterPoint (“New York, NY”);
// Diga ao Google o nome do elemento da página (geralmente um
que graxa do recipientesearchControl.draw (document.getElementById (“searchcontrol”));
// Realize a pesquisa
searchControl.execute (“Google”);
}
// Faça a chamada de função (Ajax)
google.setOnLoadCallback (OnLoad);
Podemos ver como, com algumas instruções, obtivemos o corpo principal de um script potencial a ser usado para criar um contêiner de notícias.
Um contêiner personalizado
Além da pesquisa com geo-tags, existem outras maneiras de usar APIs do Google para coletar notícias. Por exemplo, podemos pedir ao motor para ler o conteúdo de um feed de um tópico específico e publicado em um determinado site. Vejamos a seguir como conceber um script, para ser implementado em uma página Html ou dentro de um container, para ser usado em nossa home page para enriquecê-lo com notícias interessantes e sempre novas.
Podemos utilizar como ponto de partida, o cabeçalho do script contido no e-mail, utilizando nossa API-Key:
“Type =” text javascript ”>
Se acessarmos nossa conta do Google por meio de uma conexão SSL, devemos usar o protocolo Https em vez de Http. A segunda tag:
google.load (“feeds”, ”1 ″);
Faça a chamada para a API do Google em seu versão 1.
O coração do Script
Vamos analisar a função principal do script, que vamos conceber. Podemos ligar para ela Carregando() como no exemplo fornecido com a chave API. A seguinte linha de código:
atributos var = ["título", "link", "data publicada", "conteúdoSnippet"];
Define os atributos dos feeds publicados que o motor do Google terá que recolher e devolver à nossa pesquisa, o título, o link para o conteúdo, a data de publicação, o resumo (ver box Rss padrão baixo) A linha:
var RSSfeed = new google.feeds.Feed (“http://rss.feedportal.com/c/32276/f/566673/index.rss”)
Crie um contêiner que inicializamos, por meio do método = novo google.feeds.Feed para o qual passamos, como parâmetro, o endereço onde se encontra o feed que nos interessa.
Com código
RSSfeed.setNumEntries (3);
Pedimos ao mecanismo para retornar os três primeiros resultados, que são retornados por meio da chamada:
feed.load (função (resultado)
Um contêiner para os resultados
A exibição das notícias deve necessariamente ocorrer dentro de um elemento da página onde o script reside. Um elemento é geralmente usado para este propósito :
var container = document.getElementById (“RSSfeed”);
O nome inserido (Feed RSS) é o Id que devemos atribuir, por meio de uma tag apropriada, ao elemento que atua como um contêiner (por exemplo ).
Nós organizamos as notícias
A conclusão da pesquisa ocorre por meio da criação de um ciclo (para (var i = 0; i <result.feed.entries.length; i ++)), com base no valor previamente definido para o número de resultados, dentro do qual devemos coletar e organizar as informações pescadas pelo motor. Através do método document.createElement declaramos variáveis que precisaremos para a construção do código Html, gerado pelo script, necessário para visualizar as notícias. A geração deste código é feita com o método appendChild de cada variável.
O uso da API do Google ocorre por meio de uma chamada Ajax (google.setOnLoadCallback (OnLoad)) para o qual passamos o nome da função principal do script como parâmetro.
google.load (“feeds”, ”1 ″);
function On Load () {
atributos var = [“título”, ”link”, ”data publicada”, ”conteúdoSnippet”];
var RSSfeed = new google.feeds.Feed (“http://rss.feedsportal.com/c/32276/f/566673/index.rss”);
RSSfeed.setNumEntries (3);
feed.load (função (resultado) {
if (! result.error) {
var container = document.getElementById (“RSSfeed”);
para (var i = 0; i