יצירת מיזוג אימיילים באמצעות Gmail & Google Sheets

רמת תכנות: למתחילים
משך: 10 דקות
סוג הפרויקט: אוטומציה עם תפריט בהתאמה אישית

מעדיפים ללמוד בעזרת הסרטון?
בערוץ Google Workspace למפתחים אפשר למצוא סרטונים על טיפים, טריקים ועל התכונות החדשות.

מטרות

  • להבין מה הפתרון עושה.
  • להבין מה שירותי Apps Script עושים במסגרת לפתרון הבעיה.
  • מגדירים את הסקריפט.
  • מריצים את הסקריפט.

מידע על הפתרון הזה

אכלוס אוטומטי של תבנית אימייל בנתונים מ-Google Sheets. הודעות אימייל נשלחות מחשבון Gmail שלך כדי שתוכלו להגיב להן תשובות של נמענים.

חשוב: הדוגמה הזו למיזוג אימיילים כפופה למגבלות האימייל שמתוארות בקטע מכסות לשירותי Google.

דוגמה למיזוג אימיילים

איך זה עובד

אתם יוצרים תבנית טיוטה של Gmail עם placeholders שתואמים לנתונים בגיליון האלקטרוני ב-Sheets. כל כותרת של עמודה בגיליון, מייצג תג placeholder. הסקריפט שולח את המידע עבור של כל placeholder מהגיליון האלקטרוני למיקום של placeholder בטיוטת האימייל.

שירותי Apps Script

הפתרון הזה משתמש בשירותים הבאים:

דרישות מוקדמות

כדי להשתמש בדוגמה הזו, צריך לעמוד בדרישות המוקדמות הבאות:

  • חשבון Google (חשבונות Google Workspace יכולים נדרש אישור של האדמין).
  • דפדפן אינטרנט עם גישה לאינטרנט.

הגדרת הסקריפט

יצירת פרויקט Apps Script

  1. לחץ על הלחצן הבא כדי ליצור עותק של גיליון אלקטרוני לדוגמה למיזוג אימיילים ב-Gmail/Sheets. פרויקט Apps Script של השלב הזה מצורף לגיליון האלקטרוני.
    יצירת עותק
  2. בגיליון האלקטרוני שהועתק, מוסיפים כתובת אימייל לעמודה נמענים כתובות שבהן רוצים להשתמש במיזוג האימיילים.
  3. (אופציונלי) מוסיפים, עורכים או מסירים עמודות כדי להתאים אישית את הנתונים שרוצים לכלול בתבנית האימייל.

אם משנים את שם הנמען או האימייל עמודות שנשלחו, עליך לעדכן את הקוד התואם פרויקט Apps Script. אפשר לפתוח את Apps Script פרויקט מהגיליון האלקטרוני על ידי לחיצה על תוספים > Apps Script.

יצירת תבנית אימייל

  1. בחשבון Gmail, יוצרים טיוטה של הודעת אימייל. כדי לכלול נתונים מ- בגיליון האלקטרוני באימייל, צריך להשתמש ב-placeholders שמתאימים לשמות העמודות. שמוקף בסוגריים מסולסלים, כמו {{First name}}.
    • אם מעצבים את הטקסט בהודעת האימייל, צריך גם לעצב את ה-placeholder בסוגריים.
    • ערכי Placeholder הם תלויי אותיות רישיות וחייבים להתאים בדיוק לכותרות העמודות.
  2. מעתיקים את שורת הנושא של טיוטת האימייל.

מריצים את הסקריפט

  1. בגיליון האלקטרוני, לוחצים על מיזוג אימיילים >. שליחת אימיילים. יכול להיות שצריך לרענן את הדף כדי להציג את התפריט המותאם אישית הזה להופיע.
  2. כשמוצגת הנחיה, מאשרים את הסקריפט. אם במסך ההסכמה של OAuth מוצגת האזהרה האפליקציה הזו לא מאומתת כדי להמשיך, בוחרים באפשרות מתקדם >. עוברים אל {Project Name} (לא בטוח).

  3. לוחצים על מיזוג אימיילים > שליחת אימיילים. שוב.

  4. מדביקים את שורת הנושא של תבנית האימייל ולוחצים על אישור.

אם החלתם מסנן על הגיליון, הסקריפט עדיין שולח את הדוח המסונן משתתפים, אבל הוא לא יוסיף את חותמת הזמן.

בדיקת הקוד

כדי לבדוק את קוד Apps Script של הפתרון הזה, לוחצים על הצגת קוד המקור בהמשך:

הצגת קוד המקור

Code.gs

solutions/automations/mail-merge/Code.js
// To learn how to use this script, refer to the documentation:
// https://developers.google.com/apps-script/samples/automations/mail-merge

/*
Copyright 2022 Martin Hawksey

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.
*/

/**
 * @OnlyCurrentDoc
*/

/**
 * Change these to match the column names you are using for email 
 * recipient addresses and email sent column.
*/
const RECIPIENT_COL  = "Recipient";
const EMAIL_SENT_COL = "Email Sent";

/** 
 * Creates the menu item "Mail Merge" for user to run scripts on drop-down.
 */
function onOpen() {
  const ui = SpreadsheetApp.getUi();
  ui.createMenu('Mail Merge')
      .addItem('Send Emails', 'sendEmails')
      .addToUi();
}

/**
 * Sends emails from sheet data.
 * @param {string} subjectLine (optional) for the email draft message
 * @param {Sheet} sheet to read data from
*/
function sendEmails(subjectLine, sheet=SpreadsheetApp.getActiveSheet()) {
  // option to skip browser prompt if you want to use this code in other projects
  if (!subjectLine){
    subjectLine = Browser.inputBox("Mail Merge", 
                                      "Type or copy/paste the subject line of the Gmail " +
                                      "draft message you would like to mail merge with:",
                                      Browser.Buttons.OK_CANCEL);

    if (subjectLine === "cancel" || subjectLine == ""){ 
    // If no subject line, finishes up
    return;
    }
  }

  // Gets the draft Gmail message to use as a template
  const emailTemplate = getGmailTemplateFromDrafts_(subjectLine);

  // Gets the data from the passed sheet
  const dataRange = sheet.getDataRange();
  // Fetches displayed values for each row in the Range HT Andrew Roberts 
  // https://mashe.hawksey.info/2020/04/a-bulk-email-mail-merge-with-gmail-and-google-sheets-solution-evolution-using-v8/#comment-187490
  // @see https://developers.google.com/apps-script/reference/spreadsheet/range#getdisplayvalues
  const data = dataRange.getDisplayValues();

  // Assumes row 1 contains our column headings
  const heads = data.shift(); 

  // Gets the index of the column named 'Email Status' (Assumes header names are unique)
  // @see http://ramblings.mcpher.com/Home/excelquirks/gooscript/arrayfunctions
  const emailSentColIdx = heads.indexOf(EMAIL_SENT_COL);

  // Converts 2d array into an object array
  // See https://stackoverflow.com/a/22917499/1027723
  // For a pretty version, see https://mashe.hawksey.info/?p=17869/#comment-184945
  const obj = data.map(r => (heads.reduce((o, k, i) => (o[k] = r[i] || '', o), {})));

  // Creates an array to record sent emails
  const out = [];

  // Loops through all the rows of data
  obj.forEach(function(row, rowIdx){
    // Only sends emails if email_sent cell is blank and not hidden by a filter
    if (row[EMAIL_SENT_COL] == ''){
      try {
        const msgObj = fillInTemplateFromObject_(emailTemplate.message, row);

        // See https://developers.google.com/apps-script/reference/gmail/gmail-app#sendEmail(String,String,String,Object)
        // If you need to send emails with unicode/emoji characters change GmailApp for MailApp
        // Uncomment advanced parameters as needed (see docs for limitations)
        GmailApp.sendEmail(row[RECIPIENT_COL], msgObj.subject, msgObj.text, {
          htmlBody: msgObj.html,
          // bcc: 'a.bcc@email.com',
          // cc: 'a.cc@email.com',
          // from: 'an.alias@email.com',
          // name: 'name of the sender',
          // replyTo: 'a.reply@email.com',
          // noReply: true, // if the email should be sent from a generic no-reply email address (not available to gmail.com users)
          attachments: emailTemplate.attachments,
          inlineImages: emailTemplate.inlineImages
        });
        // Edits cell to record email sent date
        out.push([new Date()]);
      } catch(e) {
        // modify cell to record error
        out.push([e.message]);
      }
    } else {
      out.push([row[EMAIL_SENT_COL]]);
    }
  });

  // Updates the sheet with new data
  sheet.getRange(2, emailSentColIdx+1, out.length).setValues(out);

  /**
   * Get a Gmail draft message by matching the subject line.
   * @param {string} subject_line to search for draft message
   * @return {object} containing the subject, plain and html message body and attachments
  */
  function getGmailTemplateFromDrafts_(subject_line){
    try {
      // get drafts
      const drafts = GmailApp.getDrafts();
      // filter the drafts that match subject line
      const draft = drafts.filter(subjectFilter_(subject_line))[0];
      // get the message object
      const msg = draft.getMessage();

      // Handles inline images and attachments so they can be included in the merge
      // Based on https://stackoverflow.com/a/65813881/1027723
      // Gets all attachments and inline image attachments
      const allInlineImages = draft.getMessage().getAttachments({includeInlineImages: true,includeAttachments:false});
      const attachments = draft.getMessage().getAttachments({includeInlineImages: false});
      const htmlBody = msg.getBody(); 

      // Creates an inline image object with the image name as key 
      // (can't rely on image index as array based on insert order)
      const img_obj = allInlineImages.reduce((obj, i) => (obj[i.getName()] = i, obj) ,{});

      //Regexp searches for all img string positions with cid
      const imgexp = RegExp('<img.*?src="cid:(.*?)".*?alt="(.*?)"[^\>]+>', 'g');
      const matches = [...htmlBody.matchAll(imgexp)];

      //Initiates the allInlineImages object
      const inlineImagesObj = {};
      // built an inlineImagesObj from inline image matches
      matches.forEach(match => inlineImagesObj[match[1]] = img_obj[match[2]]);

      return {message: {subject: subject_line, text: msg.getPlainBody(), html:htmlBody}, 
              attachments: attachments, inlineImages: inlineImagesObj };
    } catch(e) {
      throw new Error("Oops - can't find Gmail draft");
    }

    /**
     * Filter draft objects with the matching subject linemessage by matching the subject line.
     * @param {string} subject_line to search for draft message
     * @return {object} GmailDraft object
    */
    function subjectFilter_(subject_line){
      return function(element) {
        if (element.getMessage().getSubject() === subject_line) {
          return element;
        }
      }
    }
  }

  /**
   * Fill template string with data object
   * @see https://stackoverflow.com/a/378000/1027723
   * @param {string} template string containing {{}} markers which are replaced with data
   * @param {object} data object used to replace {{}} markers
   * @return {object} message replaced with data
  */
  function fillInTemplateFromObject_(template, data) {
    // We have two templates one for plain text and the html body
    // Stringifing the object means we can do a global replace
    let template_string = JSON.stringify(template);

    // Token replacement
    template_string = template_string.replace(/{{[^{}]+}}/g, key => {
      return escapeData_(data[key.replace(/[{}]+/g, "")] || "");
    });
    return  JSON.parse(template_string);
  }

  /**
   * Escape cell data to make JSON safe
   * @see https://stackoverflow.com/a/9204218/1027723
   * @param {string} str to escape JSON special characters from
   * @return {string} escaped string
  */
  function escapeData_(str) {
    return str
      .replace(/[\\]/g, '\\\\')
      .replace(/[\"]/g, '\\\"')
      .replace(/[\/]/g, '\\/')
      .replace(/[\b]/g, '\\b')
      .replace(/[\f]/g, '\\f')
      .replace(/[\n]/g, '\\n')
      .replace(/[\r]/g, '\\r')
      .replace(/[\t]/g, '\\t');
  };
}

שינויים

אתם יכולים לערוך את האוטומציה של מיזוג האימיילים כמה שתרצו, בהתאם לצרכים שלכם. בהמשך מפורטים כמה שינויים אופציונליים שניתן לבצע בקוד המקור.

הוספת פרמטרים של אימייל בשדה 'עותק מוסתר', 'עותק', 'תשובה אל' או 'מאת'

הקוד לדוגמה כולל כמה פרמטרים נוספים, שבשלב זה הערות, כדי לאפשר לך לשלוט בשם החשבון שאליו האימייל נשלח מ, להשיב לכתובות אימייל, וגם כתובות אימייל בעותק מוסתר ובעותק.

כדי להפעיל את הפרמטרים שרוצים להוסיף, מסירים את הקו נטוי לפנים // לפני כל דף.

הדוגמה הבאה מציגה קטע מתוך sendEmails שמפעילה את רוב הפרמטרים של האימייל:

GmailApp.sendEmail(row[RECIPIENT_COL], msgObj.subject, msgObj.text, {
         htmlBody: msgObj.html,
         bcc: 'bcc@example.com',
         cc: 'cc@example.com',
         from: 'from.alias@example.com',
         name: 'name of the sender',
         replyTo: 'reply@example.com',
        // noReply: true, // if the email should be sent from a generic no-reply email address (not available to gmail.com users)

בדוגמה שלמעלה, עדיין לא מוסיפים הערה לפרמטר noReply כי הפרמטר replyTo מוגדר.

צריך לכלול תווי Unicode בהודעות האימייל

אם רוצים לכלול בהודעות האימייל תווי Unicode, כמו סמלי אמוג'י, צריך כדי להשתמש בשירות דואר במקום בשירות Gmail, חייבים לעדכן את הקוד.

בקוד לדוגמה, מעדכנים את השורה הבאה:

GmailApp.sendEmail(row[RECIPIENT_COL], msgObj.subject, msgObj.text, {

מחליפים את השורה בקוד הבא:

MailApp.sendEmail(row[RECIPIENT_COL], msgObj.subject, msgObj.text, {

תורמים

הדוגמה נוצרה על ידי מרטין הוקסי, מנהל עיצוב למידה וטכנולוגיה ב- Edinburgh Futures Institute, בלוגר ומומחה Google Developer.

הדוגמה הזו מתוחזקת על ידי Google בעזרת מומחי המפתחים של Google.

השלבים הבאים