Enviar contenido seleccionado

Nivel de programación: Principiante
Duración: 20 minutos
Tipo de proyecto: Automatización con un activador controlado por 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 ofrecer a tu público, puedes permitir que los usuarios elijan qué contenido reciben 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 elegido.

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

Cómo funciona

La secuencia de comandos instala un activador controlado por 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 que se haga referencia a él con una URL.

Servicios de Apps Script

Esta solución usa los siguientes servicios:

Servicio de Script: Instala el activador controlado por eventos que se ejecuta 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, debes 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

Haz clic en el siguiente botón para hacer una copia de la hoja de cálculo de Hojas de cálculo de Enviar contenido seleccionado. El proyecto de Apps Script para esta solución se adjunta a la hoja de cálculo:

Crear una copia
En la hoja de cálculo copiada, haz clic en Extensiones > Apps Script.
En el menú desplegable de funciones, selecciona installTrigger.
Haz clic en Ejecutar.
Cuando se te solicite, autoriza la secuencia de comandos. <<../_snippets/oauth.md>>

Importante: Si ejecutas installTrigger más de una vez, la secuencia de comandos crea varios activadores que envían un correo electrónico cuando un usuario envía 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

Vuelve a la hoja de cálculo y haz clic en Herramientas > Administrar formulario > Ir al formulario publicado.
Completa el formulario y haz clic en Enviar.
Revisa tu correo electrónico para ver si recibiste 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 el código fuente:

Ver el código fuente

Code.gs

solutions/automations/content-signup/Code.js

Ver en 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>

Colaboradores

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

Enviar contenido seleccionado Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.