Hộp thư đến gmail html
 Show
Tự “code” ứng dụng Mail Merge Gmail đơn giản trong 15 phút với Google Apps Script Năng suất, Hướng dẫn Bởi Thịnh Vũ Ngày 18 tháng 12 năm 2021 No Comments Một mùa giáng sinh & năm mới lại đến, tôi tin rằng có nhiều bạn cần gửi email cám ơn/chúc mừng giáng sinh & năm mới cho khách hàng, đối tác và cả bạn bè. Lợi ích của việc cá nhân hóa nội dung email Chắc chắn các bạn đều đã biết. Bạn có thể đạt được điều này một cách dễ dàng với sự hỗ trợ từ các công cụ về Email Marketing. Trong bài viết này, tôi xin giới thiệu về Mail Merge Gmail - 1 dự án vui nhộn với Google Apps Script giúp bạn tạo và gửi email HTML cá nhân hóa hàng loạt sử dụng chính Gmail của mình hoàn toàn miễn phí. Tôi tin rằng bạn chỉ cần khoảng 15 phút để thực hiện dự án này với chút hiểu biết về cơ bản về HTML (hoặc không biết cũng không có sao vì tôi sẽ hướng dẫn bạn khá chi tiết) Tôi xin viết thêm 1 vài dòng để kể về 1 trải nghiệm thực tế của bản thân khiến tôi tìm hiểu về cách thực hiện dự án này 2 năm về trước. Năm náy, tôi còn làm ở công ty L thì có 1 bạn leader của một công ty chuyên chung cấp nền tảng về Automation Marketing tên Tôi có gửi mail cho tôi mời tham dự Webinar nhưng toàn bộ nội dung email được soạn thảo cực kỳ chung . Cũng kể thêm rằng thời gian đó vẫn đang là giai đoạn công ty tôi tìm kiếm 1 giải pháp về Automation Marketing và đối tác kia là 1 trong những lựa chọn mà chúng tôi cân nhắc. Điều này khiến tôi cảm thấy khá kỳ lạ vì khi bạn là người đại diện cho giải pháp mà mình đang giới thiệu cho khách hàng nhưng cách thức giao tiếp với khách hàng thì lại hoàn toàn thủ công và không đại diện cho các tính năng . Tiện ích đang nghiên cứu về Google Apps Script tôi tìm hiểu cách thực hiện mini project này ứng dụng vào thực tế cuộc sống Để thực hiện dự án này, bạn cần làm quen với một số công cụ mới như Chân đế, Google Apps Script. Nhìn có vẻ phức tạp nhưng tin tôi đi, thực hiện xong hướng dẫn này bạn sẽ cảm thấy mình như đạt được 1 thành phẩm và cũng khá kích thích. Chúng ta cùng bắt tay vào công việc nhé Tạo danh sách người nhận email với Google Trang tínhTrước hết chúng ta hãy bắt đầu tạo 1 trang tính với công cụ làm việc văn phòng quốc dân Google Sheets. Trong trang tính này, chúng tôi sẽ sử dụng để lưu trữ thông tin của người nhận thư bao gồm 3 nội dung chính. Tên, Họ và Email. Hãy tạo 3 cột thông tin này theo đúng thứ tự như hình minh hoạ, tên cột bạn thích đặt là gì cũng được vì dữ liệu của trang tính này sử dụng để merge mail bắt đầu từ dòng thứ 2. Trên thanh địa chỉ của trình duyệt web bạn đang chỉnh sửa trang tính, hãy copy và lưu chuỗi ký tự ngẫu nhiên được sử dụng như là Spreadsheet_ID có trong hình minh hoạ bên dưới vào đâu đó để sử dụng ở các bước sau. Địa chỉ bảng tính tệp của tôi là Bạn có thể nhập tối đa 50 người nhận email mỗi lần gửi (giới hạn của Gmail) tuy nhiên, hãy bắt đầu với địa chỉ email bạn sẽ sử dụng để kiểm tra dự án này hoạt động chính xác trước khi gửi hàng loạt thư. Chuẩn bị mẫu email dưới dạng HTMLBạn có thể tìm kiếm 'mẫu email HTML' với Google theo chủ đề mình cần để tải xuống 1 mẫu email phù hợp. Tôi đã tìm thấy 1 mẫu ưng ý cho chủ đề Giáng sinh tại trang https. // thoát y. email/mẫu . Tại đây bạn có thể tải xuống 5 mẫu email để sử dụng. Tập tin sau khi tải về từ trang web này được nén dưới dạng zip, bạn cần giải nén để có thư mục và các tập tin đi kèm. Nếu mẫu email bạn chọn có chứa các hình ảnh đi kèm thì hãy tải các hình ảnh này lên 1 máy chủ công khai nào đó ví dụ như trang web của bạn hoặc cũng có thể tải lên tài khoản Github của riêng bạn (kho lưu trữ công cộng nhé). Lưu ý. bạn cần lấy địa chỉ hình ảnh của tệp ảnh lưu trên Github bằng cách mở tệp trong kho lưu trữ, sau đó nhấp chuột phải vào hình ảnh và chọn Sao chép địa chỉ hình ảnh Để làm theo hướng dẫn này, bạn hãy ghé thăm kho dự án này của tôi trên Github tại đây. Trong repo này, bạn hãy mở chỉ mục tệp. html và copy toàn bộ mã nguồn sau đó tạo file index. html (cùng tên) trong ngoặc để chỉnh sửa nội dung email phù hợp với nhu cầu của bạn. chỉ mục tệp. html has in repo on the email template as below here Nếu bạn không thích màu mè mà chỉ cần gửi email dưới dạng văn bản thuần túy, hãy theo dõi thêm nội dung phụ lục bên dưới để biết cách tạo 1 mẫu email đơn giản nhé. Bạn cũng có thể lựa chọn sử dụng Extension Mail Merge with Attachment tại đây để soạn thảo email cơ bản trên Gmail và sử dụng tính năng trộn thư mà không cần phải code như hướng dẫn này Chỉnh sửa mẫu email HTML đã sửa với Dấu ngoặc
Mặc dù tôi sử dụng Visual Code Studio làm trình chỉnh sửa mã khi cần lập trình nhưng khi làm việc với HTML và nhất là các trường hợp cần tạo email tùy chỉnh mã tự động thì Chân đế là ưu tiên hàng đầu. Nếu bạn có sẵn Visual Studio Code, Notepad++, Sublime, v.v. đang sử dụng trình soạn thảo mã và không muốn dùng thử Chân đế, bạn hoàn toàn có thể tiếp tục với lựa chọn của mình. Để tải Chân đế, hãy truy cập trang web chính thức https. //dấu ngoặc. io và tải xuống bản cài đặt tương ứng với hệ điều hành bạn đang sử dụng. Trong khuôn khổ bài viết này tôi sử dụng Brackets V2. 01 trên macOS Monterey phiên bản 12. 0. 1. Giao diện Brackets khá đơn giản, bạn hãy tạo 1 file index. html sau đó copy/paste nội dung của file index. html has in repo on Github nêu ở trên để bắt đầu. Tính năng Live Preview of Brackets giúp bạn xem trực tiếp các thay đổi trong mã nguồn trên trình duyệt web đồng thời khi bạn nhấp vào mã, phần hiển thị trên trình duyệt sẽ được tô sáng, quay lại khi nhấp vào 1 phần tử trên trình duyệt . Điều này giúp bạn tìm thấy phần tùy chỉnh văn bản cần thay đổi rất dễ dàng Ở mẫu trên, sau câu chào “Merry Christmas" chúng ta chèn 2 thông tin Tên, Họ sử dụng thông tin từ Google Trang tính tương ứng với 2 đoạn mã Cùng xem qua các thao tác trên Dấu ngoặc ở Video dưới đây Tạo ứng dụng Mail Merge Gmail với Google Apps ScriptSau khi hoàn thành sửa đổi mẫu email với chỉ mục tệp. html bạn có thể sao chép toàn bộ mã nguồn và chuyển qua bước thao tác với Google AppScript
Cơ bản là các bước cài đặt đã hoàn thành. Giờ đây bạn có thể thực hiện dự án của mình Chọn Chạy trên giao diện Trình chỉnh sửa tập lệnh để thực thi các dòng lệnh có trong tệp Mã. gs. Lần đầu tiên thực thi các dòng lệnh, bạn cần cấp quyền cho ứng dụng của mình (tên ứng dụng chính là chức năng tên, ở đây là `Mail_Merge_App`). Sẽ không có nguy cơ xảy ra rủi ro bảo mật nào ở đây, đơn giản là bạn chỉ cấp quyền cho các ứng dụng của tài khoản Google mà bạn đang sử dụng được kết nối với nhau, trong trường hợp này là Google Apps Script, Google Sheets và Gmail. tada. Sau khi xác nhận xong Google Apps Script sẽ kích hoạt Gmail để gửi email tới các địa chỉ bạn liệt kê trong Google Sheets. Hãy đảm bảo rằng bạn chỉ nhập địa chỉ email kiểm tra vào tệp Google Sheets trước khi bạn chắc chắn rằng dự án trộn thư gmail của mình hoạt động đúng như kỳ vọng và nội dung email được đưa vào chính xác Lưu ý. chỉ có các mã có trong tệp Thành quả của ứng dụng Mail Merge GmailĐến đây hy vọng các bạn đã có thể hoàn thành bước thiết lập ứng dụng đầu tay với Google Apps Script có vẻ khá rắc rối nhưng cực kỳ đơn giản khi đã làm quen 1 vài lần Đây là hình ảnh thực tế của email được gửi đi bằng ứng dụng Mail Merge Gmail bằng cách sử dụng Google Apps Script trong hòm thư của tôi Nội dung tham khảoResponsive Email Template tối thiểuTrong trường hợp bạn muốn thiết kế 1 mẫu email HTML sử dụng văn bản là chính thay vì cần nhiều yếu tố ảnh họa thì html_email_template này sẽ là 1 lựa chọn tốt cho bạn. Bạn hãy truy cập kho lưu trữ này và tải xuống cả thư mục của repo dưới dạng tệp zip về máy và mở thư mục đang làm việc với Dấu ngoặc để tùy chỉnh lại nội dung email cần thiết Để hiểu các thẻ cơ bản có trong email HTML, bạn có thể tham khảo thêm thông tin dưới đây Các HTML thường gặp trong email marketingTrong 1 email HTML, người ta thường tổ chức nội dung dưới dạng các bảng (table) lồng nhau với nhiều hàng và ô xen kẽ. Bạn sẽ bắt gặp các thẻ HTML trong bảng sau gần như mọi email HTML HTML TagMô tả1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq03Xác định 1 đối tượng bảng (bảng)1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq04Xác định 1 hàng của bảng (hàng của bảng)1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq05Xác định 1 ô của bảng (ô dữ liệu của bảng)1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq06Xác định dòng tiêu đề (tiêu đề) của bảng1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq07Xác định 1 nhóm tiêu đề của bảng1q5KgPraQaw0MVcI2ZawWlu1c4PbUIjxPWPuoPxJXlq08Xác định Cùng xem qua tệp cấu trúc HTML chứa nội dung chính của email trên, bạn sẽ thấy các thẻ đánh dấu bảng được sử dụng lồng nhau theo từng cặp ví dụ Ngoài nội dung chính trong email, bạn có thể loại bỏ hoàn toàn chân trang email nếu muốn tạo 1 mẫu email sử dụng hoàn toàn cho mục đích cá nhân. Để loại bỏ chân trang, bạn hãy xóa toàn bộ đoạn mã bắt đầu từ Giới hạn của Google Apps ScriptGoogle Apps Script được xây dựng trên JavaScript nên cũng không quá khó để học và phát triển ứng dụng tuy nhiên dịch vụ này cũng có những hạn chế của nó. Một trong những giới hạn bạn cần lưu ý là thời gian thực hiện lệnh của GAS không vượt quá 6 phút/lần Đối với việc sử dụng Gmail để gửi thư hàng loạt như bài viết này bạn cần lưu ý rằng giới hạn cho phép của Gmail là 50 người nhận/email. Làm điều đó nếu bạn có danh sách người nhận dài hơn 50 người sẽ cần tách thành nhiều lần gửi cho nhau Để tham khảo đầy đủ thông tin về giới hạn của các dịch vụ Google, bạn có thể tham khảo tại đây Nguồn tham khảoMã nguồn của ứng dụng Mail Merge Gmail mà các bạn đang sử dụng (file Code. gs) được giới thiệu bởi http. //www. lớp học máy tính chicago. com và kênh Youtube Learn Google Spreadsheets của họ. Đây là kênh nội dung rất hữu ích để bạn tham khảo nếu muốn tìm hiểu thêm về Google Apps Script và Google Sheets Cuối cùng, nếu bạn hứng thú muốn tìm hiểu các dự án hay ho khác cách sử dụng Google Apps Script có thể tham khảo thêm bài viết Cập nhật báo cáo Facebook Ads tự động với Google Sheets và Apps Script. Nếu bạn thấy bài viết này hữu ích đừng ngại chia sẻ để nhiều người được biết nhé. Chúc các bạn 1 mùa Giáng sinh an lành và năm mới 2022 tràn đầy hy vọng |
