Já tem algum tempo que as entradas no site do Entreblogs funcionam através de um formulário. Inicialmente, fazíamos através de um json que funcionou durante muito tempo e funcionaria se tivéssemos tempo de sempre atualizar. Quando implementamos a automação para ler as respostas do formulário e retornar isso quase que imediatamente no site, ficou claro que isso era apenas o começo.
Criação do formulário (e banco de dados)
Um dos formulários de participação do BEDA, contém entradas de Nome do Blog e Link do Post. Para quem não sabe, quando se cria um formulário no Google, ele gera automaticamente um Sheets com todas as respostas. É uma planilha excel, então é possível de se fazer qualquer coisa, desde que tenha vontade (passei algumas horinhas tentando entender a formula do proc C, tabelas dinâmicas, etc), para fazer algumas automações. Por exemplo, em vez de pedirmos para as pessoas colocarem o nome do post, só criamos uma coluna calculada com =IMPORTXML(E2;"//title") que retorna exatamente o título do post com base na URL da coluna E2.Publicar a planilha
Para conseguir utilizar essa planilha, que agora é o nosso banco de dados, ela precisa estar pública, então fica a dica para nunca ter dados sensíveis.Renderizar a planilha em html, com js
O que eu quero dizer com renderizar é converter essa tabela para um código HTML, isso para criar o que quiser. Nesse caso específico, estamos criando uma tabela que vai ter todos os pergaminhos entregues durante a campanha, para podermos acessar depois todos os posts de quem participou. Então o HTML é desenhado, em loop, para retornar uma tabela, mas poderia ser qualquer outra coisa.
Firulas, com css
Ao desenvolver o HTML, depois só é questão de adicionar o css para mudar fonte, tamanhos, cores, background e responsividade.Esse post faz parte de uma série que eu e a Ba estamos escrevendo sobre os bastidores do Beda 2026.
Vocês são tão criativos e inteligentes que eu fico oscilando entre que orgulho e nossa meu deus como eu sou burra hahahaaha
ResponderExcluirEsse projeto tá me deixando tão animada <3
Uaau! Eu vim fazer uma visita de rotina no teu blog e do nada me vejo citado neste post! Fico feliz que eu tenha inspirado-lhe de certa forma. Eu tirei a descrição da página do site porque eu não utilizo mais o Spreadsheets pra carregar a música do dia na home. Tô atualizando um json que fica na /public e agora, a cada atualização do site (num geral, não só do json) eu passo aquele json pra outro lugar, que aí gera a página do arquivo. Mas, se por um lado, eu aposentei a planilha pra este caso de uso, recorrer às planilhas, principalmente pra casos mais escaláveis - e que tenham à disposição um Forms para integração, como justamente as entries do Coletivo - é bem mais conveniente do que atualizar o json na mão. Mudei a implementação aqui por outras questões
ResponderExcluirSobre a planilha pública, tem uma outra forma de acessar à planilha, que inclusive eu usava, mas não tenho certeza agora se a planilha pode permanecer restrita - tá o cadeadinho na minha, mas também eu desfiz a integração, não sei se mudou algo - que é através do Apps Script. Faz um tempo que eu usei - e eu tô pra pegar a estrada daqui a pouco - então não vou conseguir explicar da melhor forma como funciona. Vale dar um bizu, caso interesse
A comunidade de vocês parece ser muito bacana e torço pra que siga dando certo!