[Reference] https://drive.google.com/drive/folders/14jVbbWnTx4126CMw0iV4XNm46wFF4bA9 # eDM 架構 # eDM Style 規則 # eDM 區塊 {{圖片 URL---放這邊}} {{Link URL--放這邊}} <!-- 區塊開始 --> ## <font color=#4285F4>Heroimg - 頭圖</font> ### A.區塊位置 :::warning ![image](https://hackmd.io/_uploads/HkfWbQmr6.png =500x) ::: ### B.常見樣式 ### B1.圖片(NO CTA) :::warning ![image](https://hackmd.io/_uploads/B1vyGm7rp.png =500x) ::: ```HTML! <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td width="100%" valign="top"> <img border="0" alt="" src="{{圖片URL---放這邊}}" style="display:block; max-width:100% !important; width:100%; height:auto!important;"> </td> </tr> </tbody> </table> ``` ### B2.圖片 + CTA :::warning ➕ 增加 a 標籤在 Img 最外層 ```HTML! <a href="{{URL--放這邊}}" target="_blank"></a> ``` ::: ```HTML! <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td width="100%" valign="top"> <a href="{{URL--放這邊}}" target="_blank"> <img border="0" alt="" src="{{圖片URL---放這邊}}" style="display:block; max-width:100% !important; width:100%; height:auto!important;"> </a> </td> </tr> </tbody> </table> ``` ### B3.文字 + 圖片(底圖) :::warning ![image](https://hackmd.io/_uploads/BJE92FSra.png =500x) ➕ 增加背景底圖 ```HTML! background-image: url('{{URL--放這邊}}'); background="{{URL--放這邊}}"> #1 第一層 Table 的 td 控制 Background 大小 ``` ::: ```HTML! <table style="border-collapse: collapse;" border="0" width="600" cellspacing="0" cellpadding="0"> <tbody> <tr> // #1 控制 Background 大小 <td style="border-collapse: collapse; background-repeat: no-repeat; background-size: 100%; width: 600px; height: 299px; padding: 0px 50px; background-image: url('https://oss.uppmkt.com/202203/bai_intro/0331-h.png'); " background="https://oss.uppmkt.com/202203/bai_intro/0331-h.png"> <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse"> <tbody> <tr> <td style="padding: 130px 0px 0px 0px; font-size: 24px; line-height: 140%; letter-spacing:0.02em; font-weight: 700; font-family: Google Sans, Roboto, Arial; color: #4285f4; text-align: left; "> {{Company Name}}, </td> </tr> <tr> <td style=" padding:10px 0px 0px 0px; font-size: 18px; line-height: 150%; letter-spacing: 0.02em; font-weight: 700; font-family: Google Sans, Roboto, Arial; color: #202124; text-align: left; "> 让您的成长经理 全面了解您的业务 提供定制化的服务 </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> ``` --- <!-- 區塊結束 --> <!-- 區塊開始 --> ## <font color=#4285F4>Headline 標題區塊</font> ### A.區塊位置 :::warning ![image](https://hackmd.io/_uploads/ByWUGqSr6.png =500x) ::: ### B.常見樣式 ### B1.圖片(NO CTA) :::warning ![image](https://hackmd.io/_uploads/B18GWcSSa.png =500x) ::: ```HTML! <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top" width="100%" style="padding:0px 0 35px;"> <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;" src="{{圖片URL---放這邊}}" alt="" width="600" border="0"> </td> </tr> </tbody> </table> ``` ### B2.文字 :::warning ![image](https://hackmd.io/_uploads/ryUcanBHa.png =500x) ::: ```HTML! <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 0px 45px 0px 50px;" align="justify"> <div style="margin: 40px 0px 20px; text-align: justify; font-size: 22px; line-height: 165%; letter-spacing: 0.04em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold;"> 谷歌中国代理商合作伙伴专属月刊 <br>2023 年 3 月刊 </div> </td> </tr> </tbody> </table> ``` <!-- 區塊結束 --> <!-- 區塊開始 --> ## <font color=#4285F4>活動介紹區塊</font> ### A.區塊位置 :::warning ![image](https://hackmd.io/_uploads/r1c2zTBB6.png =500x) ::: ### B.常見樣式 ### B1.文字 Only ```HTML= <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td align="left" style="padding: 30px 50px 30px;"> <div style="margin:0px 0px 0px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.02em; font-family: Google Sans, Roboto, Arial; color: #5F6368; font-weight: 400;"> With the holidays approaching, we're all in for a thrilling ride this month! Join us as we uncover key retail trends, decode consumer motivation and harness Google's AI magic to meet global holiday demand.</div> </td> </tr> </tbody> </table> ``` ### B2.文字 + 底圖 :::warning ![image](https://hackmd.io/_uploads/HkLIvTHST.png =500x) ::: ```HTML= <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td width="100%" height="400" valign="top" style="padding: 0px 0px 0px;background-image: url('https://oss.uppmkt.com/2023/11/cxo/information_bg.png');background-size: 100%;background-repeat: no-repeat;background-position: top;" background="https://oss.uppmkt.com/2023/11/cxo/information_bg.png"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td width="100%" style="padding: 0px 0px 0px;"> <div style="margin: 80px 50px 15px;text-align: center;font-size: 23px;line-height: 165%;letter-spacing: 0.01em;font-family: Google Sans, Roboto, Arial;color: #4285F4;font-weight: 500;"> CxO Connect 年末盛会重磅登场 !</div> <div style="margin: 0 80px 30px;text-align: justify;font-size: 15px;line-height: 165%;letter-spacing: 0.01em;font-family: Google Sans, Roboto, Arial;color: #5F6368;font-weight: 400;"> 作为游戏与应用出海重点客户高层交流的年度盛会,CxO Connect 是全球开发者增长策略团队组织的年度高层闭门会议,12 月于北京有幸邀请到多位行业巨擘与 Google 团队高层,分享新锐信息、行业挑战与实战经验,更设有 4 大应用分会场,带来细分垂类最新趋势,并透过分会场鸡尾酒会、现场问答,近距离与垂类同行深度交流。诚挚邀请您莅临年末盛会,发现 2024 年新机遇与未来展望 。</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> ``` <!-- 區塊開始 --> ## <font color=#4285F4>RSVP 報名區塊</font> ### A.區塊位置 :::warning ![image](https://hackmd.io/_uploads/By6OJ6Sr6.png =500x) ::: ### B.常見樣式 ### B1.按鈕 + 提示文字 :::warning ![image](https://hackmd.io/_uploads/rk3Gk6Hra.png =500x) ::: ```HTML= <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td width="100%" valign="top" align="center" style="padding: 0px 0px 0px;"> <a href="https://googleads.link/23cxoinvitationedm/{{.guest.uid}}?qv=1" target="_blank" style=""> <img src="https://oss.uppmkt.com/2023/11/cxo/cta.png" style="width: 272px;vertical-align:middle;display: inline-block;margin:0 0 0 5px;" alt="https://googleads.link/23cxoinvitationedm/{{.guest.uid}}?qv=1"> </a> </td> </tr> <tr> <td width="100%" valign="top" style="padding: 0px 0px 0px "> <table style="border-collapse: collapse;table-layout: fixed;margin: 32px auto;" border="0" align="center" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> <div style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;"> &nbsp; </div> </td> <td valign="top"> <div style="margin:0 0 10px;text-align: left;font-size: 15px;line-height: 130%;letter-spacing: 0.015em;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;"> 截止日期: 请于 11 月 30 日前预定您的线下盛会席位</div> </td> </tr> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> <div style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;"> &nbsp; </div> </td> <td valign="top"> <div style="margin:0 0 10px;text-align: left;font-size: 15px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;"> 邀请对象:贵司高层(每司限额 2 位,每位报名者需独立填表)</div> </td> </tr> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> </td> <td valign="top"> <div style="margin: 0px;text-align: left;font-size: 12px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;"> 活动限定邀请 250 位应用开发者高层现场参与,名额有限,<br>请您尽早确认出席</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> ``` ### B2.QRcode + 底圖 :::warning ![image](https://hackmd.io/_uploads/B1ylGpBr6.png =500x) ::: ```HTML= <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top" width="100%"> <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/ft.png" alt="" border="0"> </td> </tr> <tr> <td align="center" style="padding: 0px 0px 0px; background-image: url('https://oss.uppmkt.com/202302/ads3-1/fb.png'); background-size: 100%; background-repeat: repeat;" width="100%"> <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" style="padding: 0px 0px 0px;background-image: url('https://oss.uppmkt.com/202302/ads3-1/bgicon.png');background-size: 100%;background-repeat: no-repeat;background-position: center top 35px;" width="100%"> <table width="100%" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 20px 20px 0px;"> <div style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;"> 谷歌出海大讲堂 </div> <div style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;"> <b style="color:#E37400">挖掘潜在客户</b> 3 月专场直播课程 </div> <div style="text-align: center; font-size: 20px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;"> 2023 年 3 月 7 日(周二) 14:00-15:00 </div> </td> </tr> <tr> <td align="center" style="padding:25px 0;"> <img style="display: block; max-width: 500px !important; width: 500px; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/line.png" alt="" width="600" border="0"> </td> </tr> <tr> <td align="center" style="padding: 0px 50px 15px;"> <table style="border-collapse: collapse; table-layout: fixed; margin: 0 0 15px;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.89em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold; border-right: 1px solid #5F6368;" width="80">形 式</td> <td style="padding: 0px 0px 0px 20px; margin: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500;"> 线上直播(重点聚焦产品培训)</td> </tr> </tbody> </table> <table style="border-collapse: collapse; table-layout: fixed; margin: 0 0 0px;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: bold; border-right: 1px solid #5F6368;" width="80">适合人群</td> <td style="padding: 0px 0px 0px 20px; margin: 0px 0px; text-align: left; font-size: 15px; line-height: 150%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500;"> 广告投放团队、品牌营销团队<br>数据分析团队、市场洞察团队 </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center"> <img src="https://oss.uppmkt.com/202302/ads3-1/qr.png" alt="" style="width:140px;" width="140"> </td> </tr> <tr> <td style="padding: 5px 20px 0px;"> <div style="text-align: center; font-size: 24px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #E37400; font-weight: 700;"> 立即扫码报名 </div> </td> </tr> <tr> <td style="padding: 0px 20px 25px;"> <div style="text-align: center; font-size: 13px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 700;"> 报名截止日期:3 月 2 日 18:00 </div> </td> </tr> <tr> <td style="padding: 0px 100px 20px;"> <ul style="padding:0; margin:0;"> <li style="text-align: justify; font-size: 14px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500; margin:0 0 10px;"> 挖掘潜在客户主题课程,适合<b style="color:#E37400;">有拓客需求的出海企业,如工业设备、智能制造、SaaS 及软件服务、 FinTech、教育等行业,或为以上出海企业提供服务的谷歌广告代理商。</b> </li> <li style="text-align: justify; font-size: 14px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 500; margin:0 0 10px;"> 成功收到 2022 年直播确认函的伙伴,请点击蓝色按钮 「确认提交 - 上次填写的信息提交报名」 即可,无须再次填写报名信息 </li> </ul> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" width="100%"> <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/ff.png" alt="" border="0"> </td> </tr> </tbody> </table> ``` <!-- 區塊結束 --> <!-- 區塊開始 --> ### B3.左右區塊 :::warning ![image](https://hackmd.io/_uploads/Bkpky6rLa.png =500x) ::: ```HTML= <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;"> <tbody> <tr> <td style=" "> <table style="border-collapse:collapse;table-layout:fixed;width: 400px;margin: 0 auto;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding: 0px;"><table style=" width: 100%; " border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><img style="display:block;margin: 0px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/icon_1.png"> </td> </tr><tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;" align="center"><p style="margin: 0px 0px 4px;text-align: center;font-size: 18px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">相关课件与精彩瞬间</p><p style="margin: 0px 0px 4px;text-align: center;font-size: 15px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">课件金钥:xxxxxx</p> </td> </tr> <tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><a href="https://googleads.link/23cxotk1/{{.guest.uid}}" target="_blank"><img style="display:block;margin: 10px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/cta_1.png"></a> </td> </tr> </tbody> </table> </td><td style="padding: 0px;"><table style=" width: 100%; " border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><img style="display:block;margin: 0px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/icon_2.png"> </td> </tr><tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;" align="center"><p style="margin: 0px 0px 4px;text-align: center;font-size: 18px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">重点回顾文章</p><p style="margin: 0px 0px 4px;text-align: center;font-size: 15px;line-height:165%;font-family:Google Sans,Roboto,Arial;color: #5F6368;font-weight: bold;">&nbsp;</p> </td> </tr> <tr> <td style="padding:0px 0px 0px;background-repeat:no-repeat;background-position:center;"><a href="https://googleads.link/23cxotk1/{{.guest.uid}}" target="_blank"><img style="display:block;margin: 10px auto 20px;width: 160px;" src="https://oss.uppmkt.com/2023/12/cxo_tk/cta_2.png"></a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> ``` ## <font color=#4285F4>文章區塊</font> ### A.區塊位置 :::warning ![image](https://hackmd.io/_uploads/B1BK3aSST.png =500x) ::: ### B.常見樣式 ### B1.圖片 + 文字(上下排列) :::warning ![image](https://hackmd.io/_uploads/Sy5JaTrB6.png =500x) ::: ```HTML= <table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; background-color: #E8F0FE;"> <tbody> <tr> <td style="padding: 50px 50px 20px;background-image: url('https://oss.uppmkt.com/Library/bgblue_1.png');background-size: 100%;background-repeat: repeat;" background="https://oss.uppmkt.com/Library/bgblue_1.png"> <table style="border-collapse: collapse; table-layout: fixed;" border="0" align="center" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="middle" width="161" style="padding:0px 0 0;"> <img border="0" style="display:block;width: 162px;height:auto !important;" alt="" src="https://oss.uppmkt.com/2023/11/hknewsletter/tag_1.png"> </td> </tr> </tbody> </table> <div style="margin:20px 0px 20px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.02em; font-family: Google Sans, Roboto, Arial; color: #5F6368; font-weight: 400;"> After experiencing the health and life challenges brought on by the pandemic, the concept of <b>self-care</b> has boomed among consumers.&nbsp;According to Google Internal Data, “Self-Care'' consumption has experienced a <b>95% increase</b>.&nbsp;&nbsp;</div> <img border="0" style="display:block;width: 525px;height:auto !important;margin:0 auto 20px;" alt="" src="https://oss.uppmkt.com/2023/11/hknewsletter/v2/chart_3_v2.png"> </td> </tr> </tbody> </table> ``` ### B2.圖片 + 文字(左右排列) :::warning ![image](https://hackmd.io/_uploads/H1bOCarBp.png =500x) ::: ```HTML= <table style="border-collapse: collapse; table-layout: fixed; margin: 0 auto 35px;" border="0" width="500" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding: 0;" valign="top" width="160"><img style="display: block; width: 160px; height: auto !important;" src="https://oss.uppmkt.com/202308/lcsn2/img5.png" alt="" width="160" border="0"></td> <td style="padding: 0px 0px 0 30px;" valign="top"> <div style="margin: 0 0 13px; text-align: left; font-size: 16px; line-height: 1.65; letter-spacing: 0.06em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #3c4043; font-weight: bold;"> 2023 年亚太地区零售广告洞察报告 </div> <div style="margin: 0 0 15px; text-align: justify; font-size: 15px; line-height: 1.65; letter-spacing: 0.03em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #3c4043; font-weight: 400;"> 面对宏观经济的不确定,零售商正在寻找增加利润的方法,但仍需注意不要错过高增长的机会点。后疫情时代,吸引高价值的全方位购物者显得比以往更加重要。为了应对不确定性,企业必须保持敏捷并为未来做好准备。谷歌的这份报告可以帮您为您的客户准备更多。 </div> <a style="margin: 0px; text-decoration: none; display: inline-block; background-color: #4285f4; padding: 4px 10px; border-radius: 3px;" href="https://googleads.link/LCS-AGnews-23-Sep-Click-10/{{.guest.uid}}" target="_blank" rel="noopener"> <span style="font-size: 15px; line-height: 1; letter-spacing: 0.0em; font-family: Google Sans,'Noto Sans CJK SC', Roboto, Arial; color: #ffffff; font-weight: bold; display: inline-block; vertical-align: middle; margin-right: 2px;"> 了解更多 </span> <img style="width: 24px; vertical-align: middle; display: inline-block; margin: 0 0 3px;" src="https://oss.uppmkt.com/202204/SOA_edm/i-hand.png"> </a> </td> </tr> </tbody> </table> ``` ### B3.列點 Highlight :::warning ![image](https://hackmd.io/_uploads/ryRSdgmaT.png =500x) ::: ```HTML= <table style="border-collapse: collapse; table-layout: fixed;" border="0" align="center" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> <div style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;"> &nbsp; </div> </td> <td valign="top"> <div style="margin:0 0 10px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0.015em; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 400;"> Feature holiday products</div> </td> </tr> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> <div style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;"> &nbsp; </div> </td> <td valign="top"> <div style="margin:0 0 10px; text-align: left; font-size: 18px; line-height: 130%; letter-spacing: 0; font-family: Google Sans, Roboto, Arial; color: #5f6368; font-weight: 400;"> Leverage seasonality adjustments</div> </td> </tr> <tr> <td valign="top" width="15" style="padding:8px 0 0;"> <div style="display: block; width:7px; height:7px; background-color: #4285F4; border-radius: 7px; line-height: 7px;"> &nbsp; </div> </td> <td valign="top"> <div style="margin: 0px;text-align: left;font-size: 18px;line-height: 130%;letter-spacing: 0;font-family: Google Sans, Roboto, Arial;color: #5f6368;font-weight: 400;"> Optimize bids/budgets based on seasonal demand</div> </td> </tr> </tbody> </table> ``` ### B3.Icon + 文字 Highlight :::warning ![image](https://hackmd.io/_uploads/B1cQKg76p.png =500x) ::: ```HTML= <table style="border-collapse:collapse;table-layout:fixed;margin: 0px 90px 30px;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding:0px 0px" align="center" width="140"><img style="display:block" src="https://oss.uppmkt.com/2023/11/exportsummit/fakeqr_yl.png" width="122"> </td> <td style="padding: 0px;" align="left"> <table style="border-collapse:collapse;table-layout:fixed;width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding: 0px;" align="center" valign="top" width="45"><img style="display:block" src="https://oss.uppmkt.com/2023/11/exportsummit/icon_1_yl.png" width="30"></td> <td style="padding:0px 0px 0px 0px" align="left" valign="top"> <div style="text-align:left;font-size: 18px;line-height:165%;letter-spacing:0;font-family:Google Sans,'Noto Sans CJK SC',Roboto,Arial;color: #F9A800;font-weight:bold;margin: 0px 0px 8px 0px;"> 扫描二维码,查看活动信息</div> </td> </tr> </tbody> </table> <table style="border-collapse:collapse;table-layout:fixed" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="padding:0px 0px 0px 0px" align="left" valign="top"> <div style="text-align:left;font-size:15px;line-height:165%;letter-spacing:0;font-family:Google Sans,'Noto Sans CJK SC',Roboto,Arial;color:#5f6368;margin: 4px 8px;"> 您可以扫描二维码,查看活动流程及演讲嘉宾介绍,我们将持续更新更多活动相关信息。</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> ``` ## <font color=#4285F4>QRcode Login/掃碼</font> ### B.常見樣式 ### B1. 線上課程:點擊 + 掃碼 :::warning ![image](https://hackmd.io/_uploads/S1tVPg7a6.png =500x) ::: ```HTML= <table style="border-collapse: collapse; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top" width="100%"> <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/ft.png" alt="" border="0"> </td> </tr> <tr> <td align="left" style="padding: 0px 0px 0px 29.5px; background-color:#FEEFC3;"> <table width="549" style="border-collapse: collapse; table-layout: fixed; border-right: 8px solid #FBBC05;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" style="padding: 0px 0px 0px; "> <table style="border-collapse: collapse; background-color:#ffffff; border-left: 1px solid #3c4043; border-right: 1px solid #3c4043;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center" style="padding:20px 0 10px;"> <img src="https://oss.uppmkt.com/202303/ads/c/t1.png" style="display: inline-block; vertical-align: middle; margin:0 5px 1px;" width="12"> <span style="text-align: center; font-size: 20px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #E37400; font-weight: 700; display: inline-block; vertical-align: middle;"> 2023 年 7 月 25 日(周二) 14:00 - 15:00 </span> <img src="https://oss.uppmkt.com/202303/ads/c/t2.png" style="display: inline-block; vertical-align: middle; margin:0 5px 1px;" width="12"> </td> </tr> <tr> <td style="padding: 0px 20px 0px;"> <div style="text-align: center; font-size: 22px; line-height: 150%; letter-spacing: 0.00em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700;"> 从增加转化到品牌提升,<br>获客产业专属解决方案深度解析 </div> </td> </tr> <tr> <td align="center" style="padding:25px 0;"> <img style="display: block; max-width: 500px !important; width: 500px; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/line.png" alt="" width="600" border="0"> </td> </tr> <tr> <td style="padding: 0px 20px 0px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; table-layout: fixed;"> <tbody> <tr> <td align="center" style="padding:0 20px 5px 0;"> <span style="font-size: 20px; color: #3c4043; line-height: 30px; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; font-weight: 500; display: inline-block; vertical-align: middle;"> 您的专属邀请码 </span> </td> </tr> <tr> <td align="center" style="padding:0 0 5px;"> <span style="background-color: #FEF7E0; font-family: Google Sans, Roboto, sans-serif, Arial; color: #E37400; font-size: 30px; letter-spacing: 0.02em;line-height: 1; border-radius: 60px; display: inline-block; padding:12px 35px; vertical-align: middle; text-align: center; margin: 10px 0 30px; font-weight: 700;"> {{.guest.uid}} </span> </td> </tr> <tr> </tr> </tbody> </table> <table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td align="center" valign="top" style="padding: 0px 50px 0px 0px;"> <div style="font-size: 20px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700; text-align: center; margin:0px;"> 手机端请扫码 </div> <div style="font-size: 15px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #9AA0A6; font-weight: 500; text-align: center; margin:15px 0px 20px;"> 扫码即可登录 </div> <img src="https://oss.uppmkt.com/202303/ads/c/LG230725.png" alt="" style="width:115px;" width="115"> </td> <td align="center" valign="top" style="padding: 0px 0px 0px;"> <div style="font-size: 20px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #3c4043; font-weight: 700; text-align: center; margin:0px;"> PC 端请点击 </div> <div style="font-size: 15px; line-height: 100%; letter-spacing: 0.03em; font-family: Google Sans, Roboto, Arial; color: #9AA0A6; font-weight: 500; text-align: center; margin:15px 0px 45px;"> 点击即可登录 </div> <a href="https://googleads.link/LG230725/{{.guest.uid}}" target="_blank" style="font-family: Google Sans, Roboto, Arial; color:#4285F4; font-weight: 500; text-decoration: underline; font-size: 20px;"> <img src="https://oss.uppmkt.com/202303/ads/c/cta.png" alt="立即登录直播" style="width:170px;" width="170"> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top" width="100%"> <img style="display: block; max-width: 100% !important; width: 100%; height: auto !important;" src="https://oss.uppmkt.com/202302/ads3-1/ff.png" alt="" border="0"> </td> </tr> </tbody> </table> ``` # eDM 常見問題