Créer un formulaire avec Google Drive!

Maartin10

Maartin10

Apprenti codeur
Premium
Inscription
17 Octobre 2011
Messages
1 283
Réactions
540
Points
12 098
RGCoins
25
Salut à tous! :)
Pour fêter mon passage en membre premium, j'ai décidé de faire un "petit" tuto pour créer un formulaire.
C'est pratique pour des gens ayant un shop ou faisant un questionnaire.​

Pré-requis
http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Frealitygaming.fr%2Fproxy.php%3Fimage%3Dhttp%253A%252F%252Fimage.noelshack.com%252Ffichiers%252F2014%252F36%252F1409761138-separator.png%26hash%3De38e207ab687a187b035c9fdc2457040&hash=1a5c0ce70e7a6ffc1efc7ad52c2cf081
​
Pour commencer, il vous faudra:

- Un compte Google (Gmail). Pour en créer un:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.



Place au tutoriel
http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Frealitygaming.fr%2Fproxy.php%3Fimage%3Dhttp%253A%252F%252Fimage.noelshack.com%252Ffichiers%252F2014%252F36%252F1409761138-separator.png%26hash%3De38e207ab687a187b035c9fdc2457040&hash=1a5c0ce70e7a6ffc1efc7ad52c2cf081


b95e399898.jpg


Réglage des questions


Avec votre compte Google, rendez-vous et connectez-vous ici:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
puis cliquez ici:
512754Sanstitre1.jpg
Puis sélectionnez "Formulaire".
Vous allez normalement arriver sur cette page:
658d7450b6.png
Remplissez les cases à votre guise
( vous avez le choix entre tout ces types de réponses: )

1bdbb4b5eb.png


e9349e713c.png
Vous pouvez ajouter autant d'éléments que vous voudrez, choisir si une réponse est obligatoire ou non, voire même créer des "Variables de réponse" (Si "oui" à cette question, aller à X page...)


70fc67b9ef.jpg


Personnalisation de la page

Maintenant que vous avez vos question, place à la personnalisation!
Cliquez sur "Changer de thème" dans les onglets:

5110dd0dd1.png


Vous avez maintenant une "Boite à outils" qui s'est ouverte sur la droite

17008ae0db.png

Vous avez le choix entre pas mal de thème prédéfinis, ou en personnaliser un (En cliquant sur "Personnaliser" et dessous du nom du thème).


ccf701f2e6.jpg

Voir les réponses du formulaire

Maintenant que votre formulaire est prêt et beau, il ne vous reste plus qu'a voir les résultats.
Pour cela cliquez sur "Afficher les réponses", à coté de "Changer de thème", Changez ou non le nom de la feuille de calcul où seront répertoriés les résultats.
a74a7503d6.png
Puis cliquez sur "Créer". Une nouvelle feuille de calcul apparaitra dans votre Drive: là où seront notés les résultats.


Recevoir un mail lorsque quelqu'un rempli le formulaire
http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Frealitygaming.fr%2Fproxy.php%3Fimage%3Dhttp%253A%252F%252Fimage.noelshack.com%252Ffichiers%252F2014%252F36%252F1409761138-separator.png%26hash%3De38e207ab687a187b035c9fdc2457040&hash=1a5c0ce70e7a6ffc1efc7ad52c2cf081

Votre formulaire est à présent fonctionnel mais les réponses seront stockées dans le Drive. Si vous voulez être notifié par mail lorsque quelqu'un le rempli, suivez cette manipulation:

Re-cliquez sur "Afficher les réponses": un nouvel onglet avec la feuille de calcul s'ouvre.
Allez dans "Outils", puis "Éditeur de scripts..."
Dans le nouvel onglet, cliquez su "Fermer" dans le pup-up, puis supprimez tout et collez ce code:

(Les emails seront envoyés sur la boite mail du compte actif)

​
PHP: 
    /* Send Google Form by Email v2.1 */
    /* For customization, contact the developer at [email protected] */
    /* Tutorial: http://www.labnol.org/?p=20884 */
    function Initialize() {
    var triggers = ScriptApp.getProjectTriggers();

    for(var i in triggers) {
    ScriptApp.deleteTrigger(triggers[i]);
    }
    ScriptApp.newTrigger("SendGoogleForm")
    .forSpreadsheet(SpreadsheetApp.getActiveSpreadsheet())
    .onFormSubmit()
    .create();
    }
    function SendGoogleForm(e)
    {
    try
    {
    // You may replace this with another email address
    var email = Session.getActiveUser().getEmail();
    // Optional but change the following variable
    // to have a custom subject for Google Form email notifications
    var subject = "Nouvelle réponse à votre formulaire!";
    var s = SpreadsheetApp.getActiveSheet();
    var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];
    var message = "";
    // Only include form fields that are not blank
    for ( var keys in columns ) {
    var key = columns[keys];
    if ( e.namedValues[key] && (e.namedValues[key] != "") ) {
    message += key + ' :: '+ e.namedValues[key] + "\n\n";
    }
    }
    // This is the MailApp service of Google Apps Script
    // that sends the email. You can also use GmailApp for HTML Mail.
    MailApp.sendEmail(email, subject, message);
    } catch (e) {
    Logger.log(e.toString());
    }
    }
(Ça doit ressembler à ça:
ac08be1b4c.png
)
Enregistrez le script puis allez sur "Exécuter" puis "Initialize" pour tester le code et voir si il n'y a pas d'erreurs (vous devrez autoriser l'application à vous envoyer des mails).
Si il n'y a pas de message rouge qui s'affichent en haut, c'est bon!

Fermez cette page et retournez sur celle du Formulaire.

Cliquez sur "Afficher le formulaire" pour voir celui-ci dans une nouvelle page.

bdb8272eba.png


Vous n'avez plus qu'a copier le lien de ce formulaire!

Lien du formulaire du tuto:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Frealitygaming.fr%2Fproxy.php%3Fimage%3Dhttp%253A%252F%252Fimage.noelshack.com%252Ffichiers%252F2014%252F36%252F1409761138-separator.png%26hash%3De38e207ab687a187b035c9fdc2457040&hash=1a5c0ce70e7a6ffc1efc7ad52c2cf081
​

Je tiens à signaler que j'ai tout copié moi-même (:dodo:), aucun copié-collé, et j’espère que ce tuto vous aura plu!
​
 
Dernière édition:
Merci pour le tuto, mais pense a recentrer certains éléments ;)
 
Très bon tuto,

GG ! :ok:
 
Merci du partage !
Je te met un j'aime ;)
 
Retour
Haut