https://github.com/getteli/formtosheet

Script - Adicionar formulário html a uma planilha no google drive.
https://github.com/getteli/formtosheet

google-apps-script google-sheets html5 javascript

Last synced: 5 days ago
JSON representation

Script - Adicionar formulário html a uma planilha no google drive.

• Host: GitHub
• URL: https://github.com/getteli/formtosheet
• Owner: Getteli
• License: mit
• Created: 2022-11-05T18:51:31.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-21T14:26:03.000Z (about 1 year ago)
• Last Synced: 2023-12-21T16:59:06.674Z (about 1 year ago)
• Topics: google-apps-script, google-sheets, html5, javascript
• Language: HTML
• Homepage: https://getteli.github.io/formtosheet/
• Size: 14.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




	Script JS and Google Apps.





	Script que envia um formulário html para uma planilha no drive (Google Sheet)





	

	



# Passo a passo

1. Abre o Google Drive (na conta que ficará a planilha);

2. Crie a nova **planilha**;

3. Na primeira coluna será o timestamp (que guardará a data que o item foi adicionado), e se chamara assim mesmo **timestamp**;

4. Adicione as demais colunas que deseja e renomeie a planilha. **obs:** Campos e nomes de preferência com letras minisculas e sem espaço (adicione _ no lugar do espaço);

5. Agora novamente na página inícial do drive. Clique em Novo (do lado esquerdo superior), vai na opção **Mais** > **Script do google Apps**;

6. No script, adicione o conteudo do **JS** aqui do git;

7. Renomeie o que for necessário e no lugar do **ID** você colocará o id (hash) da planilha criada


7.1. Para pegar esse **ID**, abra a planilha criada;


7.2. Na **URL** pegue o hash, apenas o hash, esse é o id da planilha e adicione no script;


8. Com o script criado, clique no botão azul (superior direito) **Implantar**;


8.1. Tipo: App da web;


8.2. Adicione uma breve descrição;


8.3. Executar como: **EU**;


8.4. Quem pode acessar: **qualquer pessoa**;


8.5. Clique em implantar;


8.6 Agora copie a URL gerada **App da Web** > **URL**;


9. No HTML, crie o formulário e adicione o nome do formulário como no **HTML** aqui do git;

10. Os campos devem ter o mesmo nome que os campos na planilha no passo **3** (não é necessário o campo timestamp)

111. Adicione o script javascript (dentro do html);

12. Adicione a **url** que pegamos no passo **8.6** dentro do script que está no **HTML**;

13. Teste 🤓;

[Página de exemplo em HTML (baixe e adicione a URL de sua planilha para testar)](https://getteli.github.io/formtosheet/)

## Tecnologias usadas:

- **[Javascript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)**;

- **[Google Apps](https://www.google.com/script/start/)**;