Enviar contenido seleccionado

Nivel de programación: Principiante
Duración: 20 minutos
Tipo de proyecto: Automatización con un activador basado en eventos

Objetivos

  • Comprende qué hace la solución.
  • Comprende qué hacen los servicios de Apps Script dentro de la solución.
  • Configura la secuencia de comandos.
  • Ejecuta la secuencia de comandos.

Acerca de esta solución

Si tienes varios tipos de contenido que te gustaría ofrecerle a tu público, puedes permitir que los usuarios elijan qué contenido recibir de ti con Formularios de Google. Esta solución permite que los usuarios seleccionen los temas que les interesan y, luego, les envía automáticamente por correo electrónico el contenido que eligieron.

Demostración del envío de contenido con Formularios de Google y Gmail

Cómo funciona

La secuencia de comandos instala un activador basado en eventos que se ejecuta cada vez que un usuario envía un formulario. Con cada envío de formulario, la secuencia de comandos crea y envía un correo electrónico desde una plantilla de Documentos de Google. El correo electrónico incluye el nombre del usuario y el contenido que seleccionó. El contenido que ofreces puede ser de cualquier tipo, siempre y cuando se haga referencia a él con una URL.

Servicios de Apps Script

En esta solución, se usan los siguientes servicios:

  • Servicio de secuencias de comandos: Instala el activador basado en eventos que se activa cada vez que alguien envía el formulario.
  • Servicio de documentos: Abre la plantilla de Documentos que usa la secuencia de comandos para crear el correo electrónico.
  • Servicio de correo: Crea y envía el correo electrónico con el nombre del usuario y la selección de contenido.
  • Servicio de hojas de cálculo: Agrega una confirmación a la hoja Respuestas del formulario después de que la secuencia de comandos envía el correo electrónico.

Requisitos previos

Para usar esta muestra, necesitas cumplir con los siguientes requisitos previos:

  • Una Cuenta de Google (es posible que las cuentas de Google Workspace requieran la aprobación del administrador)
  • Un navegador web con acceso a Internet

Configura la secuencia de comandos

  1. Haz clic en el siguiente botón para crear una copia de la hoja de cálculo Send curated content. El proyecto de Apps Script para esta solución se adjunta a la hoja de cálculo.
    Crear una copia

  2. En la hoja de cálculo que copiaste, haz clic en Extensiones > Apps Script.

  3. En el menú desplegable de funciones, selecciona installTrigger.

  4. Haz clic en Ejecutar.

  5. Cuando se te solicite, autoriza la secuencia de comandos. Si la pantalla de consentimiento de OAuth muestra la advertencia Esta app no está verificada, selecciona Opciones avanzadas > Ir a {Nombre del proyecto} (no seguro) para continuar.

Importante: Si ejecutas installTrigger más de una vez, la secuencia de comandos creará varios activadores que enviarán un correo electrónico cada vez que un usuario envíe el formulario. Para borrar los activadores adicionales y evitar correos electrónicos duplicados, haz clic en Activadores . Haz clic con el botón derecho en cada activador adicional y, luego, en Borrar activador.

Ejecuta la secuencia de comandos:

  1. Vuelve a la hoja de cálculo y haz clic en Herramientas > Administrar formulario > Ir al formulario activo.
  2. Completa el formulario y haz clic en Enviar.
  3. Revisa tu correo electrónico para encontrar un mensaje con vínculos al contenido que seleccionaste.

Revisa el código

Para revisar el código de Apps Script de esta solución, haz clic en Ver código fuente a continuación:

Ver el código fuente

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();
}

Colaboradores

Google mantiene esta muestra con la ayuda de los Google Developer Experts.

Próximos pasos