知识库首页 aero-right

HTML 邮件在不同邮件客户端显示的问题

AOL、Yahoo、Gmail 等 ISP 业者会影响邮件在收件匣呈现的样貌,更别说不同的浏览器也会有影响。 Benchmark 致力协助我们的客户建立精美的邮件。使用拖曳式编辑器,编辑适合各种移动设备的响应式邮件。此外,我们也提供收件匣测试功能,让您在邮件进到收件人的信箱前,提前浏览邮件呈现的样貌。 建立电子报的最佳作法 有些邮件客户端设有一些限制,任何一间 ESP 也无法避免。下列几个重点指出,不论邮件客户端或是浏览邮件的设备为何,邮件都能显示相同样貌的方法。 使用拖曳式编辑器 - 所有拖曳式编辑器里的邮件模版都是响应式邮件。 开启邮件的网页版本选项 - 将网页版本链接加入邮件。有些邮件客户端没有遵守网络规定,可能会让您的邮件看起来不整齐。 (在建立邮件的步骤1开启此选项) 背景图片 - 当收件端无法显示图片时,邮件会显示背景图片的颜色。编辑背景颜色,选择可以突出文字的颜色,否则邮件可能会呈现空白。 加入图片的替代文字 - 替代文字是用来描述电子报里面的图片。大部分收件端不会自动显示图片,所以替代文字可以提供文字说明。使用替代文字,邮件比较不容易被挡信。 对齐图片 - 大部分情况下,图片尺寸可能会太大,覆盖住文字,或是画质被压缩。对齐图片并缩小尺寸来清除格式。如果您使用我们的拖曳式编辑器,这些问题都不用烦恼,因为我们已经为您处理好了。 当您完成上述设定后,您可能需要发送一封测试信给自己或是给您信任的人。试着在多个设备上开启您的测试信,浏览邮件设计的样貌。您也可以在拖曳式编辑器里使用「收件匣测试」,浏览您的邮件在不同设备上呈现的样貌。 不同邮件服务商读取 HTML 邮件已知问题一览表 邮件客户端 支援  HTML 已知问题 AOL 4.0 and 5.0 否 仅支援文字 不支援表单 AOL 6.0, 7.0, and 8.0 是 标准 HTML 不支援表单 拒收链接到外部样式表的邮件 AOL 9.0 部份 无法读取 HTML 图片及热链接 不支援表单 内容过长的邮件会转为压缩档 AOL Webmail 部份 不完全支援 XHTML 语法 不支援 <br /> 标签 不支援锚点标签 - 在邮件内点击锚点标签不会跳到锚点,而是弹出新的收件匣视窗 Apple Mail 是 标准 HTML 不允许字型标签 - 使用  <span> 标签取代 必须点击两次锚点链接才能正常运作 在 El Capitan OSX 作业系统下,锚点链接无法运作 Compuserve 否 仅支援文字 Comcast Smartzone 是 标准 HTML 背景图片被封锁 不支援锚点标签 - 在邮件内点击锚点标签不会跳到设定的锚点,而是弹出新的收件匣视窗 Comcast XFinity 缩短内容过长的电子报 - 使用网页版本链接或缩短邮件内容 点击锚点或目录表不会跳到设定的锚点,而是弹出新的收件匣视窗。 Entourage (Mac) 是 标准 HTML Entourage 2008 (Mac) 部份 背景图片可能被封锁 支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画 项目符号由图片条列取代 Earthlink 部份 有时候文字会加上底线 Eudora 3.1 否 仅支援文字 Eudora 4.0, 4.2, 4.3, and 5.0 否 使用 Internet Explorer 时支援标准 HTML 使用预设 Eudora HTML 浏览邮件时,HTML 支援度不佳 Gmail 部份 不支援书签锚点 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容 邮件内的电话号码转成超链接 Hotmail 部份 预设不会载入图片 不支援<head>、<title>、<meta> 以及 < body> 标签 - 必须使用行内样式 4分钟后热链接将失效并移除背景图片 - 需要开启验证 CSS 问题 文字可能显示底线 连续使用 <p> 标签会产生空白断行的间距 - 请使用 <div>  标签,或建立新的文字,不要复制贴上原本的样式。 Juno 4.0, and 5.0 是 接近标准 HTML CSS 问题 Lotus Notes 4.6 否 不支援字型或链接颜色 Lotus Notes 5.0 是 接近标准 HTML CSS 问题 Novell GroupWise 5.5 是 标准 HTML Office 365 部份 标准 HTML 预设不会载入图片 CSS 问题 锚点链接以及目录表无法运作 图片常常以储存在图库的原始图档大小显示,造成扭曲或延展-请在图库重新调整图片尺寸,然后再插入邮件。 Outlook 97 部份 不支援字型或链接颜色 会有对齐的问题 Outlook 98 and 2000 是 标准 HTML 不完全支援 CSS Outlook 98 and 2001 (Mac) 否 仅支援富文字格式(或称多文字格式) Outlook 2003 部份 预设不会载入 HTML 图片。 Outlook 2007 and 2010 部份 不支援表格、Flash 或其他外挂、CSS 浮动属性、CSS 位置属性以及 GIF 动画 项目符号由图片条列取代 针对内容冗长且会断行的邮件插入分页符号 不支援图片边框 超过 1920 x 1080 像素的高解析度图片会缩小文字,但不会缩小图片 图片说明文字样式会被  Outlook 样式覆写 高度超过 1728 像素的图片会被剪裁 在段落间或 2 倍行高的文字会插入额外一行间距 图片可能因为电脑显示设定而变形、扭曲 注意:微软建立一套工具,协助您检验您的邮件在 Outlook 2007 呈现的样貌。 Outlook 2007 and 2010 (Mac) 部份 不支援锚点链接以及目录表 不支援 GIF 动画 Outlook 2013 and 2016 部份 针对内容冗长且会断行的邮件插入分页符号 如果区块最后一个文字是项目符号,邮件会多出一个空的项目符号-不要把项目符号放在区块文字的结果,或是在区块的结尾标签 </ul> 前新增 <div style="display:none;">&nbsp;< /div> 超过 1920 x 1080 像素的高解析度图片会缩小文字,但不会缩小图片 图片可能因为电脑显示设定而变形、扭曲 不支援 GIF 动画图档 Outlook 2016 (Mac) 部份 不支援锚点链接以及目录表 Outlook 365 部份 链接颜色预设为蓝色,除非前面的文字设定为其他颜色-链接需要放在 <span> 以及  <td> 标签内,<div> 内的文字必须使用不同颜色 点击锚点或目录表不会跳到设定的锚点,而是弹出空白视窗。 即使邮件设定靠左对齐,文字仍然会以预设形式出现 图片没有间距 Outlook Web Access 部份 标准 HTML 预设不载入图片 不支援锚点链接以及目录表 图片常常以储存在图库的原始图档大小显示,造成扭曲或延展-请在图库重新调整图片尺寸,然后再插入邮件。 Outlook Express- PC or Mac 是 标准 HTML Pegasus Mail 3.1- Windows 是 标准 HTML 不支援链接颜色 Smartphones Android, iPhone, etc. 是 电话号码可能会以链接方式呈现(可点击的按钮) 附加在邮件页尾实体地址旁的电话号码可能会被手机认定为日期格式 Verizon 是 标准 HTML 不支援锚点链接或目录表链接 Yahoo! 是 标准 HTML 所有浏览器都不支援锚点或目录表-点击后,邮件会关闭,回到收件匣。 缩短内容过长的电子报-使用网页版本链接或缩短邮件内容 资料来源:StudioCloud 如果您有任何关于邮件显示的问题,请随时透过电子邮件、线上客服或电话与我们的支援团队联络。

传送 六月 25, 2019

如何为我的网站创建订阅表格?

订阅表格是收集网页或者社交媒体订阅者名单的极佳工具。通过 Benchmark 订阅表格功能,创建不同类型的订阅表格 。以下为创建订阅表格的步骤: 弹出式订阅表格 当访问者浏览你的网页时,网页会弹跳出此类订阅表格,此时,订阅表格置于网页之上,网页会变暗。以下为创建弹出式订阅表格步骤: 登入您的 Benchmark 账户。 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择選擇「彈出式」表格,點擊「下一步」。和点击「下一步」。 命名订阅表格名称,并选择联络人名单。 点击「保存及下一步」。 创建并编辑订阅表格。 您可以点击左上方的「订阅」按钮,从下拉选单点击并编辑订阅成功讯息。 点击「保存」,保存创建好的订阅表格 点击「发布」,获取 HTML 或者 Javascript 码 针对同一个用户想弹出一次订阅表格,应该如何设置? 请按照下步骤操作: 获取原始 HTML 代码前,必须发布您的订阅表格。 点击下拉选单以及选择 HTML 代码。 复制粘贴弹出窗口的订阅表格 HTML 代码至文本文档。 然后搜寻下列文本: “verticalCenter(signupFormContainer);” 接着,在分号后面复制粘贴下面这组红色代码: localStorage.setItem("bmePopupFormSignedUp#SIGNUPFORMID#", "true"); 复制后,更改 #SIGNUPFORMID#" 为您的订阅表格ID。(这组 ID 在您的订阅表格 URL 裡面可以找到) 完成后,您可以复制更新的代码,粘贴到您想要的页面。 *注意:请不要移除或者更改 HTML 代码,只能新增。 内嵌式订阅表格 内嵌式订阅表格,正如其名,是内嵌于网页中。内嵌式订阅表格内嵌于网页的某个元素或部分中。由于是内嵌式订阅表格,你仅能收集邮箱,姓名。以下为创建内嵌式订阅表格步骤: 登入您的 Benchmark 账户。 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择「弹出式订阅表格」和点击「下一步」。 命名订阅表格名称,并选择联络人名单。 点击「保存及下一步」。 创建并编辑订阅表格 点击「保存」,保存创建好的订阅表格 点击「发布」按钮,发布订阅表格至您的网站。 一般式订阅表格 一般式订阅表格是一种类似于内嵌式订阅表格的旧式订阅表格,此类订阅表格样式已经过时了。你只能套用模板,设置多个栏位,可以收集订阅者的详细资讯。请遵循以下步骤来创建一般式订阅表格: 登入您的 Benchmark 账户。 在首页总览列表中选择「联络人」。 现在,从总览列表中点击「订阅表格」。 然后,点击页面右上方的「新增订阅表格」按钮。 选择「一般式订阅表格」和点击「下一步」。 命名订阅表格名称,并选择联络人名单。 点击「保存及下一步」。 创建并编辑订阅表格。 进入设计订阅表格页面,选择你想要的模板 个性化设计订阅表格区块 个性化设置订阅表格区块的按钮,文本,颜色,然后点击「保存及下一步」 设置认证信 最后,复制并粘贴 HTML 或者 Javascript 代码到您想要发布的网站以及博客。 注意:弹出式订阅表格默认宽尺寸400像素,左右边距40像素。图片最大像素为320像素。但是,如果图片宽度超过最大尺寸,您可以根据需要更改尺寸。嵌入式订阅表格,宽度尺寸取决于您放置于网站的位置。 如何创建符合 GDPR 规定的订阅表格 在订阅表格新增一个符合 GDPR 规定的「勾选方框」,只需要两个步骤,请参考以下步骤。 在联络人名单里面编辑一组「自定义栏位」栏位。 在订阅表格里面新增「勾选方框」。 联络人名单里面的「自定义栏位」栏位 建立一组连结至订阅表格的联络人名单。 打开联络人呢名单后,点击右上方的「编辑」选项。 您可以在编辑联络人详情页面浏览所有栏位。拉动滑杆至「自定义栏位」,选择其中一组并进行编辑。您可以重命名栏位名称,比如隐私权政策。 更改并编辑栏位类型为是非。这用于记录订阅用户在订阅时选择是或否。 「栏位类型」编辑完成后,然后建立符合 GDPR 规定的订阅表格。 在订阅表格里面新增「勾选方框」 一般式订阅表格或弹出式订阅表格可以新增「勾选方框」。 选择您在上面步骤中已建立并编辑栏位的联络人名单。 在建立订阅表格步骤 2 中,选择新增栏位按钮。 您可以根据需要更改栏位的「标签」,类型选择「勾选方框」。 设定栏位为「必填」选项。 在回答栏位,贴入以下代码串。 <a target="blank" href="https://www.yourdomain.com"><u>隐私权政策</u></a> 注意: 上面步骤 6 中的提到的 href 链接必须要链接至您的网站。 嵌入式订阅表格无法使用勾选方框,目前不支援该功能。 了解更多资讯,请参考此视频链接。 如果您有其他任何问题,请随时通过电子邮件,线上客服或致电联络我们支援团队。

订阅表格 九月 5, 2019

使用订阅表格进行网站追踪

网站追踪是指在您的网站嵌入订阅表格,访客透过订阅表格注册时起,您就可以追踪他们。我们的订阅表格提供追踪代码,一旦将追踪代码添加至您的网站,营销规划流程图可以协助您完成后续追踪。 如果您已经在您的网站上使用 Benchmark 订阅表格,您就可以直接使用追踪功能。但如果您先前使用的是 HTML 代码,您需替换 HTML 代码。如果您先前使用的是 Javascript,则无需更新,音位追踪代码已经放入了网站。 谁可以使用订阅表格追踪功能? 网站追踪是付费用户可以使用的其中一项功能,付费用户可以善加利用此功能。 订阅表格追踪功能如何运作? 运作原理简单易懂,您只需要复制订阅表格代码和个人追踪码到您的网页。了解如何如何新增个人追踪代码到您的网站。   获取订阅表格步骤如下: 在总览列表中找到「联络人」。 然后选择「订阅表格」,选择(或建立)您想要启动追踪的订阅表格。了解如何建立订阅表格,点击此处。 系统进入编辑订阅表格页面,选择「发布」。 页面会显示订阅表格代码,选择使用 Javascript 代码段进行网站追踪,或者使用 HTML 代码进行网站追踪,然后复制代码。 前往您的网站,新增订阅表格代码至您想要追踪的网页 。   我们建议将代码您安装在首页。 如果您没有权限更新,您可能需要联络您的网站管理员或服务供应商,协助您新增代码到您的网站。 现在,只要任一网站访客透过订阅表格来注册,营销规划流程图都可以进行后续追踪。   重要提示: 当您选择使用订阅表格代码进行网站追踪,您无需再次新增您的个人追踪代码至您的网页。 但是,如果您想要追踪其他页面,将个人追踪代码或订阅表格追踪代码放在您想要追踪访客活动的页面。 追踪代码应该放在<head>标签中间。 了解如何设计符合 GDPR 规定的订阅表格。 关于使用订阅表格追踪,如果您有任何问题,请随时通过电子邮件,线上客服或致电联络我们支援团队。

整合 营销规划流程图 十二月 3, 2018

1 2 3