Code Blog

CODE Gửi Email cho Google Sheet

Tạo 1 file Google Forms để nhập liệu --> qua Tab Câu trả lời để tạo file Google Sheet

Bạn có thể bấm vào biểu tượng hình con mắt để xem Form chạy (Form nhập liệu) nhấn Ctrl + U (Xem nguồn trang) để lấy mã số các đối tượng nhập qua code của Website.

Mở Google Sheet -> Công cụ -> Trình chỉnh sửa tập lệnh -> Trong phần Mã.gs thay bằng đoạn Code bên dưới

function guiBieuMau(e) {

    var email = "gmailcuaban@gmail.com";

    var subject = "Đơn đặt hàng";

    var s = SpreadsheetApp.getActiveSheet();

    var columns = s.getRange(1, 1, 1, s.getLastColumn()).getValues()[0];

    var message = "";

    for (var keys in columns) {

        var key = columns[keys];

        if (e.namedValues[key] && (e.namedValues[key] != "")) {

            message += key + ' :: ' + e.namedValues[key] + "\n\n";

        }

    }

    MailApp.sendEmail(email, subject, message);

}

Tiện ích liên hệ đẹp cho blogspot bao gồm: Nút gọi điện thoại, Zalo, Messenger, SMS, Maps.

Cách cài đặt các bạn copy toàn bộ code bên dưới dán trước thẻ đóng </body> và lưu lại là xong.

<style> .phone-mobile {display: none;} .giuseart-nav { position: fixed; left: 13px; background: #fff; border-radius: 5px; width: auto; z-index: 150; bottom: 50px; padding: 10px 0; border: 1px solid #f2f2f2; } .giuseart-nav ul {list-style: none;padding: 0;margin: 0;} .giuseart-nav ul li {list-style: none!important;} .giuseart-nav ul&gt;li a { border:none; padding: 3px; display: block; border-radius: 5px; text-align: center; font-size: 10px; line-height: 15px; color: #515151; font-weight: 700; max-width: 72.19px; max-height: 54px; text-decoration: none; } .giuseart-nav ul&gt;li .chat_animation{display:none} .giuseart-nav ul&gt;li a i.ticon-heart { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-map.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } .giuseart-nav ul&gt;li a i.ticon-zalo-circle2 { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-zalo-circle2.png.pagespeed.ce_.iUc59tfITH.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }.giuseart-nav li .button { background: transparent; }.giuseart-nav ul&gt;li a i.ticon-angle-up { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-angle-up.png.pagespeed.ce_.NGU5VowWiC.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }.giuseart-nav ul&gt;li a i { width: 33px; height: 33px; display: block; margin: auto; }.giuseart-nav ul li .button .btn_phone_txt { position: relative; top:35px; font-size: 10px; font-weight: bold; text-transform: none; } .giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; }.giuseart-nav ul&gt;li a.chat_animation svg { margin: -13px 0 -20px; } .giuseart-nav ul&gt;li a i.ticon-messenger { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-messenger.png.pagespeed.ce_.sSebhnGGgP.png) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; }.giuseart-nav ul li .button .phone_animation i { display: inline-block; width: 27px; font-size: 26px; margin-top: 12px; } .giuseart-nav ul&gt;li a i.ticon-chat-sms { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-sms-1.jpg) no-repeat; background-size: contain; width: 38px; height: 36px; display: block; } .giuseart-nav ul&gt;li a i.icon-phone-w { background: url(http://fashion3.ninhbinhweb.biz/wp-content/uploads/2020/03/icon-phone-w.png) no-repeat; background-size: contain;} .giuseart-nav ul li .button .btn_phone_txt { position: relative; } @media only screen and (max-width: 600px){ .giuseart-nav li .chat_animation{display:block !Important} .giuseart-nav li .button .phone_animation {box-shadow: none; position: absolute; top: -16px; left: 50%; transform: translate(-50%,0); width: 50px; height: 50px; border-radius: 100%; background: #6cb917; line-height: 15px; border: 2px solid white; } .giuseart-nav ul&gt;li a{padding:0; margin:0 auto} .giuseart-nav { background: white; width: 100%; border-radius:0; color: #fff; height: 60px; line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 999; padding: 5px; margin: 0; box-shadow: 0 4px 10px 0 #000; } .giuseart-nav li { float: left; width: 20%; list-style: none; height: 50px; } .phone-mobile{display:block !important}} </style> <div class='giuseart-nav'> <ul> <li><a href='https://g.page/NhThang?share' rel='nofollow' target='_blank'><i class='ticon-heart'/>Tìm đường</a></li> <li><a href='https://zalo.me/0978099792' rel='nofollow' target='_blank'><i class='ticon-zalo-circle2'/>Chat Zalo</a></li> <li class='phone-mobile'> <a class='button' href='tel:0978099792' rel='nofollow'> <span class='phone_animation animation-shadow'> <i aria-hidden='true' class='icon-phone-w'/> </span> <span class='btn_phone_txt'>Gọi điện</span> </a> </li> <li><a href='https://www.messenger.com/t/nhthang.phattrientuduy' rel='nofollow' target='_blank'><i class='ticon-messenger'/>Messenger</a></li> <li><a class='chat_animation' href='sms:0978099792'> <i aria-hidden='true' class='ticon-chat-sms' title='Nhắn tin sms'/> Nhắn tin SMS</a> </li> <li class='to-top-pc'> <a href='#' rel='nofollow'> <i aria-hidden='true' class='ticon-angle-up' title='Quay lên trên'/> </a> </li> </ul> </div>