1. Criar a Planilha no Google Sheets

Passo 1: Estrutura da Planilha

Crie uma planilha no Google Sheets com a seguinte estrutura:

  • Coluna A: Deixe vazia (pode usar para numeração)
  • Coluna B: Data (formato: DD/MM/AAAA)
  • Coluna C: Título da notícia
  • Coluna D: Descrição da notícia
  • Coluna E: URL da foto (Google Drive)

Passo 2: Exemplo de Dados

A | B | C | D | E -----------|------------|-----------------------------|-----------------------------------------|-------------------------------- 1 | 15/12/2024 | Nova Assembleia Convocada | Convocação para assembleia geral... | https://drive.google.com/open?id=1abc... 2 | 10/12/2024 | Novos Convênios | Sindicato firma novos convênios... | https://drive.google.com/open?id=2def...

Passo 3: Tornar a Planilha Pública

  1. No Google Sheets, clique em "Compartilhar" (canto superior direito)
  2. Clique em "Alterar para qualquer pessoa com o link"
  3. Selecione "Visualizador" nas permissões
  4. Copie o link da planilha

2. Configurar o Código

Passo 4: Extrair o ID da Planilha

Do link da sua planilha, extraia o ID. Exemplo:

Link: https://docs.google.com/spreadsheets/d/1ABC123DEF456GHI789JKL/edit#gid=0 ID: 1ABC123DEF456GHI789JKL

Passo 5: Atualizar o JavaScript

No arquivo js/noticias.js, encontre a linha:

const GOOGLE_SHEETS_ID = 'SEU_ID_DA_PLANILHA_AQUI';

E substitua pelo ID da sua planilha:

const GOOGLE_SHEETS_ID = '1ABC123DEF456GHI789JKL';

3. Formato das Imagens

Como Obter Links de Imagens do Google Drive

  1. Faça upload da imagem para o Google Drive
  2. Clique com o botão direito na imagem
  3. Selecione "Compartilhar"
  4. Altere para "Qualquer pessoa com o link pode visualizar"
  5. Copie o link (formato: https://drive.google.com/open?id=...)
  6. Cole este link na coluna E da planilha
Importante: As imagens devem estar públicas no Google Drive para funcionar corretamente no site.

4. Testando a Integração

Verificação

  1. Adicione algumas notícias na planilha
  2. Salve a planilha
  3. Acesse a página de notícias do site
  4. As notícias devem aparecer automaticamente
  5. Se não aparecer, verifique o console do navegador para erros