Envoyer des contenus sélectionnés

Niveau de programmation : Débutant
Durée : 20 minutes
Type de projet : Automatisation avec un déclencheur basé sur les événements

Objectifs

Comprendre le fonctionnement de la solution.
Comprendre le rôle des services Apps Script dans la solution.
Configurer le script.
Exécuter le script.

À propos de cette solution

Si vous disposez de différents types de contenu que vous souhaitez proposer à votre audience, vous pouvez laisser les utilisateurs choisir le contenu qu'ils souhaitent recevoir de votre part à l'aide de Google Forms. Cette solution permet aux utilisateurs de sélectionner les sujets qui les intéressent, puis leur envoie automatiquement le contenu choisi par e-mail.

Démonstration de l'envoi de contenu avec Google Forms et Gmail

Fonctionnement

Le script installe un déclencheur basé sur les événements qui s'exécute chaque fois qu'un utilisateur envoie un formulaire. À chaque envoi de formulaire, le script crée et envoie un e-mail à partir d'un modèle Google Docs. L'e-mail inclut le nom de l'utilisateur et le contenu qu'il a sélectionné. Le contenu que vous proposez peut être de n'importe quel type, à condition qu'il soit référencé par une URL.

Services Apps Script

Cette solution utilise les services suivants :

Service Script : installe le déclencheur basé sur les événements qui s'exécute chaque fois qu'un utilisateur envoie le formulaire.
Service Document : ouvre le modèle Docs que le script utilise pour créer l'e-mail.
Service Mail : crée et envoie l'e-mail avec le nom de l'utilisateur et le contenu sélectionné.
Service Spreadsheet : ajoute une confirmation à la feuille Form responses (Réponses au formulaire) une fois que le script a envoyé l'e-mail.

Prérequis

Pour utiliser cet exemple, vous devez remplir les conditions suivantes :

Un compte Google (l'approbation de l'administrateur peut être nécessaire pour les comptes Google Workspace)
Un navigateur Web avec accès à Internet

Configurer le script

Cliquez sur le bouton suivant pour créer une copie de la feuille de calcul Sheets Send curated content (Envoyer du contenu sélectionné). Le projet Apps Script de cette solution est associé à la feuille de calcul :

Créer une copie
Dans la feuille de calcul copiée, cliquez sur Extensions > Apps Script.
Dans la liste déroulante des fonctions, sélectionnez installTrigger.
Cliquez sur Exécuter.
Lorsque vous y êtes invité, autorisez les scripts. <<../_snippets/oauth.md>>

Important : Si vous exécutez installTrigger plusieurs fois, le script crée plusieurs déclencheurs qui envoient chacun un e-mail lorsqu'un utilisateur envoie le formulaire. Pour supprimer les déclencheurs supplémentaires et éviter les doublons d'e-mails, cliquez sur Triggers (Déclencheurs). Faites un clic droit sur chaque déclencheur supplémentaire, puis cliquez sur Delete trigger (Supprimer le déclencheur).

Exécuter le script

Revenez à la feuille de calcul, puis cliquez sur Tools > Manage form > Go to live form (Outils > Gérer le formulaire > Accéder au formulaire en ligne).
Remplissez le formulaire, puis cliquez sur Submit (Envoyer).
Consultez votre boîte de réception. Vous devriez avoir reçu un e-mail contenant des liens vers le contenu que vous avez sélectionné.

Examiner le code

Pour examiner le code Apps Script de cette solution, cliquez sur View source code :

Afficher le code source

Code.gs

solutions/automations/content-signup/Code.js

Afficher sur GitHub

// To learn how to use this script, refer to the documentation:
// https://developers.google.com/apps-script/samples/automations/content-signup

/*
Copyright 2022 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

// To use your own template doc, update the below variable with the URL of your own Google Doc template.
// Make sure you update the sharing settings so that 'anyone'  or 'anyone in your organization' can view.
const EMAIL_TEMPLATE_DOC_URL =
  "https://docs.google.com/document/d/1enes74gWsMG3dkK3SFO08apXkr0rcYBd3JHKOb2Nksk/edit?usp=sharing";
// Update this variable to customize the email subject.
const EMAIL_SUBJECT = "Hello, here is the content you requested";

// Update this variable to the content titles and URLs you want to offer. Make sure you update the form so that the content titles listed here match the content titles you list in the form.
const topicUrls = {
  "Google Calendar how-to videos":
    "https://www.youtube.com/playlist?list=PLU8ezI8GYqs7IPb_UdmUNKyUCqjzGO9PJ",
  "Google Drive how-to videos":
    "https://www.youtube.com/playlist?list=PLU8ezI8GYqs7Y5d1cgZm2Obq7leVtLkT4",
  "Google Docs how-to videos":
    "https://www.youtube.com/playlist?list=PLU8ezI8GYqs4JKwZ-fpBP-zSoWPL8Sit7",
  "Google Sheets how-to videos":
    "https://www.youtube.com/playlist?list=PLU8ezI8GYqs61ciKpXf_KkV7ZRbRHVG38",
};

/**
 * Installs a trigger on the spreadsheet for when someone submits a form.
 */
function installTrigger() {
  ScriptApp.newTrigger("onFormSubmit")
    .forSpreadsheet(SpreadsheetApp.getActive())
    .onFormSubmit()
    .create();
}

/**
 * Sends a customized email for every form response.
 *
 * @param {Object} event - Form submit event
 */
function onFormSubmit(e) {
  const responses = e.namedValues;

  // If the question title is a label, it can be accessed as an object field.
  // If it has spaces or other characters, it can be accessed as a dictionary.
  const timestamp = responses.Timestamp[0];
  const email = responses["Email address"][0].trim();
  const name = responses.Name[0].trim();
  const topicsString = responses.Topics[0].toLowerCase();

  // Parse topics of interest into a list (since there are multiple items
  // that are saved in the row as blob of text).
  const topics = Object.keys(topicUrls).filter((topic) => {
    // indexOf searches for the topic in topicsString and returns a non-negative
    // index if the topic is found, or it will return -1 if it's not found.
    return topicsString.indexOf(topic.toLowerCase()) !== -1;
  });

  // If there is at least one topic selected, send an email to the recipient.
  let status = "";
  if (topics.length > 0) {
    MailApp.sendEmail({
      to: email,
      subject: EMAIL_SUBJECT,
      htmlBody: createEmailBody(name, topics),
    });
    status = "Sent";
  } else {
    status = "No topics selected";
  }

  // Append the status on the spreadsheet to the responses' row.
  const sheet = SpreadsheetApp.getActiveSheet();
  const row = sheet.getActiveRange().getRow();
  const column = e.values.length + 1;
  sheet.getRange(row, column).setValue(status);

  console.log(`status=${status}; responses=${JSON.stringify(responses)}`);
}

/**
 * Creates email body and includes the links based on topic.
 *
 * @param {string} recipient - The recipient's email address.
 * @param {string[]} topics - List of topics to include in the email body.
 * @return {string} - The email body as an HTML string.
 */
function createEmailBody(name, topics) {
  let topicsHtml = topics
    .map((topic) => {
      const url = topicUrls[topic];
      return `<li><a href="${url}">${topic}</a></li>`;
    })
    .join("");
  topicsHtml = `<ul>${topicsHtml}</ul>`;

  // Make sure to update the emailTemplateDocId at the top.
  const docId = DocumentApp.openByUrl(EMAIL_TEMPLATE_DOC_URL).getId();
  let emailBody = docToHtml(docId);
  emailBody = emailBody.replace(/{{NAME}}/g, name);
  emailBody = emailBody.replace(/{{TOPICS}}/g, topicsHtml);
  return emailBody;
}

/**
 * Downloads a Google Doc as an HTML string.
 *
 * @param {string} docId - The ID of a Google Doc to fetch content from.
 * @return {string} The Google Doc rendered as an HTML string.
 */
function docToHtml(docId) {
  // Downloads a Google Doc as an HTML string.
  const url = `https://docs.google.com/feeds/download/documents/export/Export?id=${docId}&exportFormat=html`;
  const param = {
    method: "get",
    headers: { Authorization: `Bearer ${ScriptApp.getOAuthToken()}` },
    muteHttpExceptions: true,
  };
  return UrlFetchApp.fetch(url, param).getContentText();
}

</section>

Contributeurs

Cet exemple est géré par Google avec l'aide de Google Developer Experts.

Envoyer des contenus sélectionnés Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.