Ausgewählte Inhalte senden

Codierungslevel: Anfänger
Dauer: 20 Minuten
Projekttyp: Automatisierung mit einem ereignisgesteuerten Trigger

Lernziele

  • Informieren Sie sich über die Funktionsweise der Lösung.
  • Informationen zu den Aufgaben der Apps Script-Dienste in der Lösung
  • Richten Sie das Script ein.
  • Führen Sie das Skript aus.

Informationen zu dieser Lösung

Wenn Sie Ihren Zuschauern verschiedene Arten von Inhalten anbieten möchten, können Sie mit Google Forms festlegen, welche Inhalte sie von Ihnen erhalten. Mit dieser Lösung können Nutzer die Themen auswählen, für die sie sich interessieren, und erhalten dann automatisch die ausgewählten Inhalte per E-Mail.

Demo zum Senden von Inhalten mit Google Formulare und Gmail

Funktionsweise

Das Script installiert einen ereignisgesteuerten Trigger, der jedes Mal ausgeführt wird, wenn ein Nutzer ein Formular einreicht. Bei jeder Formulareinreichung erstellt und sendet das Script eine E-Mail aus einer Google Docs-Vorlage. Die E-Mail enthält den Namen des Nutzers und die ausgewählten Inhalte. Die von Ihnen angebotenen Inhalte können beliebiger Art sein, solange sie über eine URL referenziert werden.

Apps Script-Dienste

Für diese Lösung werden die folgenden Dienste verwendet:

  • Script-Dienst: Hier wird der ereignisgesteuerte Trigger installiert, der jedes Mal ausgelöst wird, wenn jemand das Formular sendet.
  • Dokumentdienst: Hiermit wird die Google Docs-Vorlage geöffnet, die das Script zum Erstellen der E-Mail verwendet.
  • E-Mail-Dienst: Erstellt und sendet die E-Mail mit dem Namen des Nutzers und der Auswahl der Inhalte.
  • Tabellendienst: Fügen Sie der Tabelle Antworten auf Formulare eine Bestätigung hinzu, nachdem das Script die E-Mail gesendet hat.

Vorbereitung

Für die Verwendung dieses Beispiels sind die folgenden Voraussetzungen erforderlich:

  • Ein Google-Konto (für Google Workspace-Konten ist möglicherweise die Administratorzustimmung erforderlich).
  • Einen Webbrowser mit Internetzugriff.

Script einrichten

  1. Klicke auf die folgende Schaltfläche, um eine Kopie der Tabelle Ausgewählte Inhalte senden zu erstellen. Das Apps Script-Projekt für diese Lösung ist an die Tabelle angehängt.
    Kopie erstellen

  2. Klicken Sie in der kopierten Tabelle auf Erweiterungen > Apps Script.

  3. Wählen Sie im Drop-down-Menü „Funktion“ die Option installTrigger aus.

  4. Klicken Sie auf Ausführen.

  5. Autorisieren Sie das Script, wenn Sie dazu aufgefordert werden. Wenn auf dem OAuth-Zustimmungsbildschirm die Warnung Diese App ist nicht bestätigt angezeigt wird, wählen Sie Erweitert > Zu {Project Name} (unsicher) aus.

Wichtig: Wenn Sie installTrigger mehrmals ausführen, erstellt das Script mehrere Trigger, die jeweils eine E-Mail senden, wenn ein Nutzer das Formular einreicht. Wenn Sie zusätzliche Trigger löschen und E-Mail-Duplikate vermeiden möchten, klicken Sie auf Trigger . Klicken Sie mit der rechten Maustaste auf jeden zusätzlichen Trigger und dann auf Trigger löschen.

Skript ausführen

  1. Kehren Sie zur Tabelle zurück und klicken Sie auf Tools > Formular verwalten > Zum Live-Formular.
  2. Füllen Sie das Formular aus und klicken Sie auf Senden.
  3. Sieh in deinem Posteingang nach, ob du eine E-Mail mit Links zu den von dir ausgewählten Inhalten erhalten hast.

Code ansehen

Wenn Sie den Apps Script-Code für diese Lösung ansehen möchten, klicken Sie unten auf Quellcode ansehen:

Quellcode ansehen

Code.gs

solutions/automations/content-signup/Code.js
// 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) {
  let 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.
  let timestamp = responses.Timestamp[0];
  let email = responses['Email address'][0].trim();
  let name = responses.Name[0].trim();
  let 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).
  let topics = Object.keys(topicUrls).filter(function(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.
  let sheet = SpreadsheetApp.getActiveSheet();
  let row = sheet.getActiveRange().getRow();
  let 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(function(topic) {
  let 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.
  let 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.
  let url = "https://docs.google.com/feeds/download/documents/export/Export?id=" +
            docId + "&exportFormat=html";
  let param = {
    method: "get",
    headers: {"Authorization": "Bearer " + ScriptApp.getOAuthToken()},
    muteHttpExceptions: true,
  };
  return UrlFetchApp.fetch(url, param).getContentText();
}

Beitragende

Dieses Beispiel wird von Google mithilfe von Google Developer Experts verwaltet.

Nächste Schritte