Como criar um fichário de notícias em seu site

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.

Como criar um fichário de notícias em seu site

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.

Como criar um fichário de notícias em seu site

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 recipiente
searchControl.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)

 

Como criar um fichário de notícias em seu site

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

Adicione um comentário do Como criar um fichário de notícias em seu site
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.