邮件营销之HTML Email Guide

本译文由DYH1919首发于白板博客,翻译自Anand Graves的《HTML Email Guide》。水平有限,不足之处请指正,禁止任何纸制媒体转载或摘取,网络转载请按此方式注明,谢谢合作!

注:文章中提到HTML邮件标准不建议使用DHTML,跟Web标准化建议背道而驰,难(懒?)得统一;翻译时尽量做忠实原文,也尽力做到信、达、雅,不正之处可参考英文原本并希望能告知,谢谢。

这篇《HTML邮件指南》旨在介绍一些技巧和工具用于创建HTML邮件,以使它们能在网络邮箱(webmail)和邮件客户端(email clients)正确无误地显示。

HTML化的邮件或HTML化的通讯有优点也有缺点。但实际上你的用户(收件人)已经决定了你是该发送HTML化的邮件还是普通的纯文本邮件。举例说明,如果用户专门为HTML化通讯而注册(,那么很明显你应该发送HTML化的邮件而不是纯文本邮件)。

以下内容已经在 Windows 下通过测试:
网络邮件 – Hotmail, Windows Live Hotmail, Gmail, Yahoo! Mail, Lycos Mail 
邮件客户端- Outlook 2003, Thunderbird 1.5 
浏览器 – Internet Explorer 6 和 7, Mozilla Firefox 2 

为 Mac 平台而做的测试会随后奉上(Apple Mail, Entourage, Hotmail, Gmail, Yahoo! Mail, Lycos Mail, Firefox, Safari)。

强烈建议了解一下邮件标准化项目,它力争实现邮件客户端对标准化的支持。在那里你可以找到针对流行邮件客户端所做的广泛而深入的测试。
可创建HTML邮件的软件 
可发送HTML邮件的软件 
获取多个邮箱帐号用以测试 
建立一个有效的布局 
清除不必要的 HTML 标记 
在布局中使用表格 
把所有图片上线 
隐藏图片工具栏 
使用绝对地址(urls) 
使用短地址(urls) 
使用简单内联样式表 
设计时使用白色背景 
避免在body中定义背景 
所有的文本和链接都必须定义样式 
使用 title 和 alt 属性 
用<BR> 你替 <p> 
使用空格 
选择一个最大宽度 
不要使用form(s) 
不要使用Javascript 
提供一个取消订阅的链接 
提供一个在线版链接 
为在线版提供额外的功能 
在多个浏览器中测试 
避免你的HTML邮件被识别为垃圾邮件 
不要使用DHTML 
不要使用Flash 
使用HTML 邮件检验器 
使用在线HTML清洁器 
跟踪统计HTML邮件中链接的点击次数 
删除重复的电子邮件地址 
使用PHPMailer类发送HTML邮件 (译者注:PHPMailer 类综合应用) 
以multipart/alternative发送邮件 
邮件客户端更加灵活 
转发HTML邮件 
延伸阅读 

可创建HTML邮件的软件

There are a lot of editors available you can use. Here are a few tools you can use to create HTML email and websites:

这里有一些可用的编辑器,下面这些工具可用来创建HTML化邮件或是网站。
Codetch(所见即所得编辑器-WYSIWYG editor / 免费 / Firefox插件) 
实时HTML编辑器(在线) 
PSPad(通用编辑器,alternative for UltraEdit / 免费) 
Intype(源代码编辑器 / 免费) 
NVU(开源所见即所得的编辑器 / 免费) 
Macromedia Dreamweaver (所见即所得的编辑器 / 付费) 

上传文件可以使用FireFTP(Firefox插件)或File Zilla(译者注:开源免费)。

不要使用Microsoft Word创建HTML网页或是HTML邮件。

这是因为Word会在其中插入许多垃圾内容。举例说明,我用Word创建了一个网页,里面只有一行这样的文本:“Don’t use Word to create HTML files”。然后保存这个网页,查看Word 2003创建的源码。

其它版本的Microsoft Word也会插入垃圾内容。但我们只需要的是:
<p>Don’t use Microsoft Word to create HTML files</p>

不要从Microsoft Word复制/粘贴(内容)

Microsoft Word采用了一种与Notepad, Notepad++, PSPad 和 Dreamweaver不同的格式化文本。后面的4个软件都工作在去格式化的文本模式下。

可用于发送HTML邮件的软件

Zookoda

Zookoda 可以为你:
管理订阅的邮件通讯 
创建定制的通迅表格 
管理日程安排 
查看公开,退回,点击和取消订阅的实时报告 
接受手机用户发送格式化的邮件 

免费注册后就可以开始使用了,你可以找到一个步步高指南(Flash动画),它会教你如何创建和发送HTML通讯。不幸的是指南播放的速度非常快,并且没有提供控制(按钮)。

作为Zookoda’s 反垃圾承诺的一部分,为了遵守CAN SPAM Acts of 2003/2004,新注册用户都不能发送邮件,直到注册资料通过人工审核。一旦登录,选择 Account > Sender Details > New Sender,在这里填写你的地址信息。同时,在这里你也可以看到邮件地址和地址信息的是否通过审核,如果被拒绝了,你将会收到一封邮件。查看Zookoda Verifications以获得更多信息。

POMMO

poMMo 是用PHP为Linux编写的一个多功能可大量发送邮件的程序。我还没有完成测试,不过看起来它很有前途。查看 poMMo的屏幕截图(Flickr幻灯片)。

PHPlist
PHPlist 是一个开源的通讯管理程序。 它是高度可配置的,并且提供了许多很多功能,例如点击跟踪,模版,订阅/取消订阅,用户管理,高级跳跃(bounce)操作,日程,节流(throttling)等。

安装PHPlist不需要PHP知识,最重要的是配置config.php 。

Dada Mail – 邮件列表管理程序

Dada Mail 是可定制的,非常容易使用,包含了许多功能,像对邮件列表无大小限制,模版,文档包含搜索引擎,每个邮件列表和管理操作都有控制面板。Dadamail可以通过Mystery Girl – Bounce Handler 等插件扩展其功能。安装DadaMail不需要Perl/CGI的知识,但有些插件需要Linux使用经验。

邮件列表控制器

Arclab邮件列表控制器用于管理邮件表,发送大批量(个性化)的html邮件或纯文本邮件。它拥有一个所见即所得的编辑器,可定制返回的邮件回执(mail detection)和一个功能十足的控制面板。这是一款免费程序,用一个邮件列表就足以支撑超过100个的收件人。

Thunderbird-雷鸟

Mozilla Thunderbird是一个能发送纯文本邮件,HTML邮件或者二者混和的邮件程序。在body内点击并选择Insert > HTML… 创建一个新消息。

phpMailer(译者注:这篇《PHPMailer 类综合应用》有更详细的解绍)

PHPMailer是为PHP而写的一个多功能的邮件程序 。
HTML邮件 
内含图片支持 
为不能阅读HTML邮件的邮件客户端启用Multipart/alternative功能。 
可以发送包含多个收件人(TOs),抄送(CCs),隐藏附本(BCCs)和回复(REPLY-TOs)的邮件 
可以在任何平台工作 
去PHPMailer官网获得更多特性 

获取多个邮箱帐号用以测试

测试,测试,还是是测试。在发出你的HTML邮件之前,你必须确认它在流行邮箱中看上去还不错。获得你的邮箱帐号:
Gmail 
Hotmail 
Yahoo! Mail 
Lycos Mail 
AIM Mail 
163 Mail(译者添加) 
126 Mail(译者添加) 
QQ Mail(译者添加) 
Sina Mail(译者添加) 

除了网络邮箱帐号外,你还需要在邮件客户端测试你的HTML邮件:
Mozilla Thunderbird (PC, Mac) 
Microsoft Outlook 2003, 2007 (PC) 
Entourage (Mac) 
Apple Mail (Mac) 

建立一个有效的布局

HTML邮件的布局和写作风格十分重要。你想人们阅读你的通讯而不是浏览它,你想让他们关注标题等等。EyeTrackIII能跟踪处理用户在阅读网络新闻的行为(deals with online news consumer behavior in the age of multimedia.)。 在他们的网站上,你可以找到负载信息的文档设计,写作风格,视觉跟踪,怎样营造热点等许多难以置信的文章。

清除不必要的 HTML 标记

以下HTML标记应该从你的HTML邮件移除,因为有些网络邮箱和邮件客户端会清移或是忽略这些标记。
DOCTYPE 
HTML tag <HTML></HTML> 
BODY tag <BODY></BODY> 
All Meta tags <META> 
Head tag <HEAD></HEAD> 
Base tag <BASE> 
Link tag <LINK> 
Script tag <SCRIPT></SCRIPT> 
Title tag <TITLE></TITLE> 
Applet tag <APPLET></APPLET> 
Frameset tag <FRAMESET></FRAMESET> 
Frame tag <FRAME> 
IFrame tag <IFRAME></IFRAME> 
Comments <!– comments –> 

在布局中使用表格

布局你的HTML邮件最好最安全的方法就是使用表格,因为很少有邮箱支持样式表(style sheets)。

把所有图片上线

在你的HTML邮件,你可以使用内含或是远程图片。将图片包含在邮件的附件里,它会被立即显示。

所谓远程图片,是指那些存放在其它网站的图片,但它们不会被立即显示。在当今的网络邮箱和邮件客户端,你必须点击一个链接以显示这些远程图片(译者注:这应该是国外的特性,但国内一般不需要。例如,Gmail 要显示图片就必须点那一下,而126/163/QQ都不需要),如果发件人的邮件地址在收件人的邮件联系人中,那么这些图片将会被显示。

陌生人的发送的图片不会被立即显示,因出于安全问题考虑他们被界定为不安全的(例如,发送垃圾邮件的人能够验证你的邮件地址,劫持你的邮箱帐号等)。HTML邮件应该尽可能地小,使用远程图片能减小邮件大小,因而在发邮件时会使用更少的带宽。

隐藏图片工具栏

如果你在IE中将鼠标放在一幅大于 200 x 200 像素并且不是背景的图片上,就会导致工具栏显示出来。

大多数人发现图片工具栏非常讨厌,它会把用户从阅读你的内容上转称开。为了隐藏图片工具栏,在<IMG>标记中中使用 galleryimg属性:
<img src=”cd.gif” width=”20″ height=”30″ galleryimg=”no” alt=”CD of group X” title=”Order this CD”>

使用绝对地址

给所有图片和链接使用绝对地址,例如:
<img src=”http://www.example.com/images/head.gif” width=”20″ height=”60″><a href=”http://www.example.com/products/shoes/tiger.html”>Tiger</a>

例用短地址:

当使用长地址时会有打断链接或是图片(链接)的风险,你的邮件程序或是收件人的邮件程序可能会将长地址截成几节,这会引起链接的一部分也是可点击的而不是整个链接:

http://www.example.com/very_long_name/5r6t/2003fd544/3553ag

dkgj3d/a453b96/g5?a=36hd27hdh48f27dh

当地址太长的话,网络邮箱也可能会加上一些空格(%20):
<img src=”http://www.example.com/mailings/2005/april/17/header_top_disc%20ount.jpg” width=”230″ height=”45″ title=”Discount at …”>

为避免这个问题请使用短地址:
<img src=”http://www.example.com/2004/11/images/1.jpg” width=”10″ height=”60″><a href=”http://www.example.com/2004/11/index.html”>Go to discounts</a>

这段源码可以重写为:
<img src=”http://www.example.com/2004/11/1.jpg” width=”10″ height=”60″><a href=”http://www.example.com/2004/11/”>Go to discounts</a>

如果你想使用短地址,那么在脑子里记住下面这些:
不要使用图片目录,将图片和 index.html 放在同一个目录。 (newsletter); /images/1.jpg becomes /1.jpg 
用数字为图片命名;header_cd.jpe 变为 1.jpg。 
重命名 spacer.gif 为 s.gif(译者注:即是不要使用spacer单词) 
如果你在通讯中使用了一个链接,它指向了一个在线版的通讯,那么你多半会在链接中使用到跟踪参数。例如:http://www.example.com/2004/11/index.html?trck=nov1104.
你可以将它重写为

http://www.example.com/2004/11/?trck=nov1104 

Snipurl能够帮助你缩断你的链接地址,输入一个地址,然后Snipurl会为你生成一个新的永久的短地址。这里有许多类似的服务(tinyurl 和 Make A Shorter Link),但Snipurl能做的更多,瞧瞧Snipurl能为你做些什么?

使用简单内联样式表

使用内联样式表,意味着不用使用绝对地址或是相关地址的样式表。大多数网络邮箱对这一点的支持都很糟糕。不要使用外部的或是内含的样式表,因为邮件程序会清除或是忽略<HEAD></HEAD>之间的内容,即是说如果你想用<LINK>标记定义的外部样式表是不会被执行的。

给字体,文字颜色,链接,背景色等使用内联样式表,例如:
<table width=”400″ cellspacing=”0″ cellpadding=”0″><tr><td style=”font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 150%; color: red”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p><p>Vivamus ut sem. Fusce aliquam nunc vitae purus.</p></td><td style=”font-family: Verdana, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: black”>

Vivamus ut sem. Fusce aliquam nunc vitae purus.</td>

</tr>

</table>

设计时使用白色背景

大多数网络邮箱和邮件客户端显示消息时都会使用白色作为背景。网络邮箱常常会忽略或是移除<BODY>标记,这就是为什么背景色常常不会正常显示的原因。

当你在使用了一种不同于白色的背景色时,你可能会搞糟你的设计。举例说明,这种情况是可能会发生的,如果在设计时使用了红色背景,图片的背景色也可能会是红色,当在网络邮箱中查看它时,你多半会看到一个白色背景和一个拥有红色背景的图片,这么做会导致图片不能与背景色达到无缝接合。

最好在设计时使用白色背景,如果真要使用另一种背景颜色,你可以使用一个高和宽均为 100% 的表格模拟背景色:
<table width=”100%” height=”100%”><tr><td bgcolor=”#FF0000″><table width=”400″ align=”center”><tr><td>Lorem ipsum dolor sit amet consectetuer</td></tr>

</table>

</td>

</tr>

</table>

除非你确信你的目标受众使用的是像Outlook或Thunderbird这样的邮件客户端,背景色才能毫无问题地运用。例如,如果你是给某些公司的老总们发送HTML邮件,而他们使用了同一款邮件客户端。

避免在body中定义背景

前面已经提到过,网络邮箱常常会忽视或是移除<BODY>标记,这就是为什么背景图片常常无法运用的原因。

除非你确信你的目标受众使用的是像Outlook或Thunderbird这样的邮件客户端,背景图片才能毫无问题地运用。例如,如果你是给某些公司的老总们发送HTML邮件,而他们使用了同一款邮件客户端。

所有的文本和链接都必须定义样式

你必须为每个表格单元中的文本和链接指定字体、颜色和文字大小(在设计中使用表格),如果你没有指定样式,那么大多数邮件客户端会使用它们自己的样式表。这可能会导致出现不同的字体、颜色和大小,也有可能会搞糟你的设计。

如果你没有指定字体,Hotmail和Yahoo会使用默认字体Arial,Gmail会使用字体Verdana,Hotmail会使用11像素作为默认文字大小,Yahoo会使用12像素,而Gmail会使用16像素。

下面是一个例子,这是文本和链接所需的最起码样式表。
<table width=”400″ cellspacing=”0″ cellpadding=”0″><tr><td style=”font-family: Verdana, sans-serif; font-size: 11px; color: black”><p><a href=”http://www.website.com/030205/” style=”font-family: Verdana, font-size: 11px; color: blue”>Lorem</a>ipsum dolor sit amet, consectetuer adipiscing elit.</p></td><td style=”font-family: Verdana, sans-serif; font-size: 10px; color: black”>Vivamus ut sem. Fusce aliquam nunc vitae purus.</td></tr>

</table>

我常会使用 text-decoration:underline 让读者清楚地知道它是一个链接。
<a href=”http://www.website.com/030205/” style=”font-family: Verdana, font-size: 11px; color: blue; text-decoration: underline”>Lorem</a>

像文本一样的邮件地址和网址

多数情况下,当像普通文本一样使用邮件地址或是网址时,常常会被赋予默认样式,例如:

Send all your questions to contact@example.com
Go to http://www.example.com for more information
Go to www.example.com for more information
Go to sub.example.com for more information

即使它们不是链接,Gmail和Yahoo也会赋给上面链接一个默认样式。Hotmail和Windows Live Hotmail不会给没有 http://的链接赋予样式。

使用 title 和 alt 属性

使用alt属性描述你的图片。当图片不能显示时,alt文本会替换它。多数网络邮箱和邮件客户端默认情况下不会显示图片。

title属性几乎能用在全部元素(链接,图片,表格等)中使用。如果你想显示提示以描述该元素,那么就使用title元素,因此推荐在链接和图片中使用,例如:
<img src=”cd.jpg” width=”170″ height=”230″ alt=”Kool Keith CD – black elvis” title=”The new Kool Keith CD><a href=”http://www.website.com/order.php?id=23″ title=”Order the new Kool Keith CD”>Order CD</a>

把鼠标移到这个链接上看看提示。

使用<p>代替<BR>

在Internet Explorer中,<p>标记使用了比基于Gecko的浏览器更多空间(margin-top和margin-tottom)

例如,如果你使用了一个固定宽和高的表格,并且你的设计基于这些尺寸,如果表格<p>标记中的内容超过了表格的高度,Internet Explorer会增加高度,这可能会导致你的设计出现缝隙。

为了杜拒布局出现问题要使用<BR>标记代替<P>标记,这样在所有浏览器中的表现都会一致。如果你仍有关于布局的疑虑,你也可以使用空格代替<P>和<BR>标记。

<P>标记的另一个问题是在Windows Live Hotmail中这个标记会被移除,因此最安全的方法是使用<BR>标记。

使用空格

使用大小为1×1的透明图片(spacers)强制表格显示正确的宽和高,例如:
<table width=”200″><tr><td width=”50″> </td><td width=”150″>Lorem ipsum dolor sit amet adipiscing.</td></tr></table>

一个宽为50像素的表格单元,内容仅仅是一个空格,这不是说指定的宽度会正确地显示,如果第一个表格单元的宽度不能正确地显示,那么,这很可能也会影响到第二个表格单元。

你必须强制宽度能正确地被显示:
<table width=”200″><tr><td><img src=”http://www.yourwebsite.com/images/spacer.gif” width=”50″ height=”1″></td><td><img src=”http://www.yourwebsite.com/images/spacer.gif” width=”150″ height=”1″></td></tr><tr><td> </td>

<td>Lorem ipsum dolor sit amet adipiscing.</td>

</tr>

</table>

选择一个最大的宽度

多数网络邮箱会设置一个宽度,当你在Outlook或是Thunderbird中双击一封邮件能进行全屏阅读。

在1024×768模式下你可以使用的最大宽度是750px,但你仍可以使用更宽的宽度。如果你使用了一个更宽的宽度(例如800px),那么邮箱客户端会出现一个水平的滚动条,这不是问题,因为所有的内容仍然是可见的,你也许只须水平滚动一点点就可以了。

在800×600模式下你能使用的最大宽度是580px,同样,你也可以使用一个更宽的宽度,这会导致水平滚动条的出现。如果你在800×600模式下的Hotmail中打开你的帐号,也会有一个水平滚动条出现,我猜这是因为右边的广告栏(sky scraper, 160×600px)和顶部的大banner(super banner, 728×90)。

乐酷(Le cool)杂志在他们每周的通讯中使用水平设计主就表明了这一点 。

不要使用form(s)

Hotmail会忽略Htmail邮件的form(s)以确保邮件信息没有包含恶意脚本,其它网络邮箱服务(Gmail和Yahoo)和邮件客户端支持form(s)。

如果你打算发送的HTML邮件中包含form,并且你的收件人当中也使用了Hotmail邮件地址,那么我劝告你不要使用form,替代的方法可以是用一个链接引用到一个包含form的HTML网页。

不要使用JavaScript

在HTML邮件使用JavaScript绝不是一个好主意,因为所有危险的脚本(例如XSS攻击)都能被执行。由于这个原因,多数网络邮箱和邮件客户端都会通过移除或是忽略而禁止JavaScript。

例如这段源码:
<a href=”javascript://” onclick=”window.open(‘http://www.website.com/cd.html’,”,’width=500,height=400′)”>View tracklisting</a>

将会被重写为:
<a href=”#”>View tracklisting</a>

解决方案是引用一个没用JavaScript的链接:
<a href=”http://www.yourwebsite.com/discount/cd.html”>View tracklisting</a>

提供一个取消订阅的链接

在每个HTML邮件底部你应该提供一个取消订阅的链接,在点击这个链接(mailto:)后,收件人只需要按下发送按钮就可以将他们自己的邮件地址从邮件列表中移除,例如:
mailto:unsubscribe@domain.com?subject=unsubscribe

你也可以让人们从你的网站取消订阅,但是这么做可能会让人恶意取消他人的评阅。如果你只是在HTML邮件提供这功能,那么就很少有机会被盗用。

提供一个在线版链接

尽管你在不同的网络邮箱和邮件客户端测试了你的HTML邮件,但是你永远都不能确认它将如何在你的用户的邮件程序中显示出来。为了防止不能正确地被显示出来,应该在每一个HTML邮件顶部提供一个链接,用以在浏览器中查看HTML邮件的在线版本。例如:
if this email doesn’t display correctly, view the online version

例子中使用的是这样的链接 http://www.example.com/mailings/2005/01/,使用目录结构能够轻易地将你的HTML邮件存档。

在在线版中使用<TITLE>标记,如果在线版中省略了这个标记,IE会将网址作为标题。

为在线版提供额外(更多)的功能

将HTML邮件上线,这样,在线版就能在邮件不能正确地在网络邮箱和邮件客户端显示时派上用场。同时,你仍能在线更改设计或是邮件内容(而不用重新发送邮件)。你的设计模版包含了图片和文本链接,使用文本链接是为了以防图片不能载入,当链接被点击后就会引导用户至在线版。

现在,你面临着不同的机会,你可以为所有链接,视频/音频(流)使用hover(鼠标滑过)效果,你可以使用高级CSS,脚本语言(PHP, JavaScript, AJAX等),数据库轻松地创建复杂的设计。

这样,就不用受限于网络邮箱和邮件客户端,你在浏览器中是没有任何局限性的。

在多个浏览器中测试

核对网站的统计表,这样你就能看到哪个浏览器在用户中最爱欢迎。如果你想在Windows平台上的多款浏览器中测试你的设计,那么你有几个可以作为选择。

标准化浏览器(Standalone browsers)

最简单的选择是使用像Mozilla Firefox 和 Opera这样的标准化浏览器(Standalone browsers)。同时,你也可以轻松地使用Firefox的IE Tab 和 IEView插件做在IE6或是IE7下的测试。你可以从这里的大量浏览器存档列表中下载(浏览器)。

IE的标准化版本(Standalone versions of Internet Explorer)

与Windows XP是最流行的操作系统一样,IE6和IE7是(最流行的浏览器)。问题是如果你想使用老版本的IE(4.0和5.0)那么你必须安装老版本的Windows系统。幸运的是,有人为此工作着,standalone versions of Internet Explorer.

Mac浏览器

多数人并没有一台苹果机(Mac)可以用来测试他们的设计效果,但可以使用Safari Compatibility Test。只需要输入网址,然后Safaritest 将会返回你的网页在Safari下效果的屏幕截图。

Linux浏览器

可以用一款Linux LiveCD完成你的设计在Linux浏览器中的测试,所谓Linux LiveCD,是指Linux安装在可启动的CD-ROM或DVD-ROM中,当从Linux LiveCD启动后,你可以开启应用程序,创建文档等等,不用将写或是存储任何内容到硬盘里去。

最流行的LiveCDs是Ubuntu 和 Knoppix,下载LiveCD(ISO),把它烧录到CD-ROM或是DVD-ROM,然后放入你的CD/DVD播放器后重启。这有一些Linux LiveCDs的有用列表。

避免你的HTML邮件被识别为垃圾邮件

在你的用户群中,相当一部分可能仍然在使用Hotmail或是Windows Live Mail,让你的通讯能顺利进入订阅者的Hotmail/Windows Live Mail收件箱仍然是很难完成的(事情),读读微软的这篇题为《Improving E-mail Deliverability into Windows Live Hotmail》(26页,1024 MB)的文档吧。

不要使用DHTML

动态网页综合使用了Javascript,HTML和CSS。不建议使用DHTML是因为Javascript常常被大多数网络邮箱和邮件客户端禁用了。

不要使用Flash

当你尝试在HTML邮件中使用Flash时,网络邮箱和邮件客户端会清除或是忽略相关的HTML代码。

最好是将你的Flash放到网上,然后在HTML邮件中用一幅有吸引力的图片链接到这个在线的Flash动画,同时在图片的上面或是下边放置一个文本链接,因为图片默认是不显示,这样收件人会首先看到文本,除非你的邮件地址在收件人的地址薄中。

使用HTML 邮件检验器

使用HTML 邮件检验器检测你的HTML是否和HTML邮件兼容,将你的HTML拷贝并粘贴至检验器,然后它就会报告是否有错误,每个错误都会引用相关文章段以解释发生错误(的原因)。

使用HTML清洁器

使用HTML清洁器以保持你的HTML代码足够清洁(不冗余),这会减少HTML邮件不能正确显示的机率。点击右侧的advanced 链接以使用高级HTML清洁器。看看配置选项的快速参考指南

现在你可以设置以使你的HTML邮件代码最优化,不幸的是没有选项可以用来保存你的设置,你必须每次使用时手动设置它们。

HTML清洁器设置

你可以下载一个插件,它能自动载入最优化HTML邮件的设置。这个插件是用Greasemonkey 编译器编译的。安装 HTML Tidy Settings

GreaseMonkey 用户脚本

你也能使用GreaseMonkey用户脚本。我已经写好了一个能在HTML清洁器中自动载入最优化HTML邮件的设置的GreaseMonkey用户脚本。GeaseMonkey是一个Firefox插件,它允许你通过写脚本来改变你所访问的网页。在载入设置之前先安装GreaseMonkey,在这个页面本看用法说明。在安装GreaseMonkey后你可以安装用户脚本载入HTML清洁器的设置。
点击此链接在Firefox中查看用户脚本 
选择 Tools>Install User Script… 
跳出一个与脚本同名的对话框 
点击 OK 安装用户脚本 
当使用HTML清洁器的时候,设置会自动载入。 

跟踪统计HTML邮件中链接的点击次数

通常当用户在HTML邮件中点击一个链接时会打开这个链接。当从你的网站请求一个网页(或图片,js文件,css文件等),有关这次请求的信息都会记录在一个名为访问日志的日志文件中。

统计程序使用你的访问日志统计显示你网站的访问者的信息,一段典型的访问日志看起来是这样的:
63.203.109.38 – – [02/Sep/2003:09:51:09 -0700] “GET /custer HTTP/1.1″301 248 “http://search.msn.com/results.asp?RS=CHECKED&FORM=MSNH&v=1&q=%22little+big+Horn%22″ “Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)”

你可以通过访问日志得知特定HTML邮件中某个特定的链接被点击了多少次,这可以通过附加参数实现。如果在HTML邮件中有下面这样的链接引用了一个产品网页:

http://www.example.com/products/shoes/page.html

你可以为这个网址加上参数,第一个参数被字符?分隔开来。如果你想附加参数,那么你需要一个参数和对应的参数值。我要附加一个参数名为track和参数值shoes20050411(你可以使用任何你喜欢的参数名和参数值(译者注:事实上并不能任意使用,应该遵循变量命名规则)):

http://www.example.com/products/shoes/page.html?track=shoes20050411

如果你有权使用shell和访问日志,那么你可以用Linux的gerp,sort,uniq等命令,做一些像上面这个链接已经被点击了多少次这样的统计。如果你想跟更多的参数,那么使用字符&:

http://www.example.com/products/shoes/page.html?track=shoes20050411&color=blue

你一个有用的功能就是跟踪有多少收件人点击了在浏览器中显示HTML邮件的链接,那意味着邮件没能在网络邮箱或是邮件程序中正确地显示,这样就能得知有多少人没有正确地浏览邮件。

http://www.example.com/mailings/2005/01/index.html?track=online200501

你使用了什么参数名和参数值不要紧,只要你知道它们代表了什么。

删除重复的电子邮件地址

你能在这里找到相关内容。

使用PHPMailer类发送HTML邮件 (译者注:PHPMailer 类综合应用)
到PHPMailer官网下载最新版本的程序 
将PHPMailer解压并上传到你的网站 
在一PHP文件(例如:test.php)中拷贝并粘贴入下面的代码,把它上传到你的网站 
<?php
require(”class.phpmailer.php”);
$mail = new PHPMailer();
$mail->From = “namesender@name.com”;
$mail->FromName = “Firstname Lastname”;
$mail->AddBCC(’namerecipient1@name.com’, ‘John Doe1′);
$mail->AddBCC(’namerecipient2@name.com’, ‘John Doe2′);
$mail->AddBCC(’namerecipient3@name.com’, ‘John Doe3′);
$mail->WordWrap = 50;
$mail->IsHTML(true);
$mail->Subject = “Here is the subject”;
$mail->Body = “<<<HTMLCODE
<p>Copy and paste your <b>HTML code</b> here</p>
HTMLCODE;if(!$mail->Send())
{
echo “Message could not be sent. <p>”;
echo “Mailer Error: ” . $mail->ErrorInfo;
exit;
}
echo “Message has been sent”;
?> 
在线打开这个php文件,例如:http://www.website.com/phpmailer/test.php 
你会看到“Message has been sent” 

以multipart/alternative发送邮件

如果你给那些不能用网络邮箱或是邮件客户端阅读HTML邮件的人发送了HTML邮件,他们将会看到的是HTML源码。如果你不知道你的收件人使用的是什么,那么以multipart/alternative发送邮件,这是HTML版本和纯文字版本。

收件人的邮箱程序决定使用那个版本显示,如果它不支持HTML邮件,就会使用纯文本显示。如果支持HTML邮件,则会显示HTML版本。

用PHPMailer发送multipart/alternative邮件

遵循使用PHPMailer类发送HTML邮件同样的步骤,唯一不同的只有一行代码。在 $mail->Body 后加上下面的代码:
$mail->AltBody = “This is the body in plain text for non-HTML mail clients”;

邮件客户端更加灵活

如果你确认你的目标受众使用的是一款像Outlook或Thunderbird(或基它)标准化的邮件程序,那么创建HTML邮件会更容易一些。

比起网络邮箱,你会受到更少的限制:
你可以使用内含的样式表(css在head中) 
你可以使用form(s)(不推荐) 
你可以使用背景色 
你可以使用背景图片 
你可以使用绝对定位 
你可以使用meta标记 

转发HTML邮件

当人们收到一封邮件他可能会将它转发给好友,因此你的HTML排版的邮件在转发后仍看起来一样就显得尤为重要了。

使用Gmail,Yahoo,Hotmail,Lycos和SquirrelMail转发HTML邮件,必须将邮件作为附件或是仅仅转发HTML邮件才能让它们工作。

延伸阅读
Email Standards Project 
Essential Guides (PDFs) 
Adventures in Email Marketing 
The Messaging Times 

Email Marketing Metrics Report –

(PDF, 2,87 MB) 

Tamara’s Email Marketin Best Practices Blog 
The Email Wars 
Email Marketing Voodoo 
Newsletter Archive 
Email Marketing Reports 
VerticalResponse Email Marketing Blog 
EmailStatCenter: The Leading Authority on Email Marketing Metrics 
Email Marketing Articles – EmailLabs 
Campaign Monitor Blog

网络营销攻坚战愈演愈烈 市场需求催生车商转战网销

——写在东风本田思铂睿上市之前

福特蒙迪欧致胜模拟理财大赛,骊威连连看,北京现代I30上市价格竞猜,不论是已经上市的车型,还是即将上市的新车,经销商想方设法玩转网络,争夺网络的市场优先权。如今,在金融危机直击到了汽车领域的情况下,车商纷纷寻找了新的销售模式,网络4S店、网络广告,网上模拟试驾等一系列网络营销方式应运而生,网络先天的优越性成了经济危机下车商们争夺市场的新战场。经销商纷纷转战网络,也使得网络营销逐渐成为了汽车营销的主流方式。

思铂睿上市爆发网络行销大战

明天,我们将迎来东风本田思铂睿的上市,作为Honda专为中国市场打造的首款高端运动型轿车,思铂睿秉承Honda豪华品牌“先进、智能、动感”的开发理念,将先进的驾驶性、智能化的品质、动感的设计融入每一个细节,在注重驾乘舒适性的同时,更为强调操控性能。此次,思铂睿将目标直击奥迪A4L、新君越、马自达睿翼、锐志等。这些车型中,我们暂且除去奥迪A4L的品牌优越性不说,各个品牌都是网络营销的高手。

思铂睿还未上市,网络的攻坚战早已开始。为了更好地迎接思铂睿的诞生,零维作为绍兴汽车网(www.car0575.com)的运营者在谷歌、百度等各大搜索引擎查看相关的资料,却闻到了意外的“战火”。以下是9月4日傍晚时分在google和百度输入“思铂睿”时的搜索结果截图。

google-spirior

2009年9月4日 谷歌搜索“思铂睿”结果截图

baidu-spirior

2009年9月4日 百度搜索“思铂睿”结果截图

在谷歌右侧的赞助商栏,思铂睿和睿翼玩起了“夹心饼干”,两个思铂睿的竞价广告中间穿插了睿翼的广告,“思铂睿?看马自达睿翼”,看来睿翼也早已盯上了思铂睿上市的影响力,预料到了思铂睿的网络行销力度,用新车上市的思铂睿进行诱导,将同等价位的睿翼提到购车者的视线中间。

在百度的赞助商栏,睿翼更是购买“火爆地带”,直直逼视思铂睿的上市。

在两“睿”之间,究竟谁才是真正的睿者,谁才是真正网络的大赢家,谁才是真正行销大战的胜者,谁真正让客户掏腰包,思铂睿明天上市,战争才刚刚爆发,我们将拭目以待。

锐志的成功是后发者的动力

思铂睿和各个品牌的碰撞是直击的,在价格上,也在网络的推广力度上。2005年,丰田锐志上市前,自9月份开始在新浪、搜狐和雅虎三家网站汽车频道有计划、有规模地投放大量广告。广告主题表述十分明确,一是预订,二是宣传锐志最大的技术卖点。锐志如此大范围造势宣传,使得锐志品牌的知名度在一夜间得以迅速提升,许多车商争相效仿。

“我们无法改变传统,但可以创造潮流;我们无法改变遥远,但可以创造效率;我们无法改变喧嚣,但可以创造宁静;我们无法改变未知,但可以创造从容。”也许,用新君越的广告词来形容各个车商在网络的大环境下的心态最合适不过,很多时候“无法改变”,但是可以“创造”, 锐志就是一个典范,但锐志也只是互联中营销的一个简单案例,因为互联网是一个创造销售奇迹的地方。

从无处下嘴到分割蛋糕

网络营销是一块潜力巨大的蛋糕,虽然利益丰厚,但是早年据新华网等权威媒体的报道很多经销商觉得无处下嘴。锐志开了一个先河,也让经销商看到了网络的力量。于是网络推广活动不断,出现了你方唱罢我登场的热闹场景。

目前,我国汽车年产销量及汽车保有量都有着广阔的空间。从发展角度看,中国蕴藏着极大的汽车潜在市场。随着中国经济的快速发展,人民生活水平的提高、社会购买力和私人购买力的提高,中国汽车市场的潜力将会逐渐地释放出来。车商正式利用完善的汽车网络营销体系和结构这样一种直观而有效的推广方式,最大力度地释放着中国汽车市场。

“金九银十”,在“多生孩子”理念的支持下,本有又将有现代I30、广本新奥德赛、雷克萨ES240等十几款新车上市(据绍兴汽车网不完全统计出的结果,如有疏漏,还望多加指正),思铂睿的上市只是一个个案,无论哪一款车上市之前,我们总能在一些汽车网站上看到他们的倩影,因为经销商已经真正重视起网络的力量,蚕食着网络汽车市场一块大蛋糕。

市场发展催生网销发展

在美国,Dave Smith汽车公司以利用网络销售汽车著称,其旗下网站在十多年前就已开展汽车网上销售业务,授权销售所有克莱斯勒和通用汽车品牌的Dave Smith公司的网站点击率早在2001年的时候就已达到400万辆。在网络发展逐渐成熟的今天,汽车销售的必然就是从线下转战到线上,汽车直销网站将是市场所需。

如今,网络营销手段的日新月异,汽车行业发展面临的巨大压力,中国成为跨国汽车公司全球增长热点的现状,网络营销作为唯一传播效果可量化、终端受众可确定的媒体,凭借其灵活精准、互动面广、价格低廉的特性,日益占据更大的话语权和更重要的位置,为企业的品牌营销掀起了一场深刻的变革。

截至2008年12月底,中国网民数量达2.98亿,首次大幅超过美国跃居世界第一位。互联网用户的不断增加为网络营销发展奠定了基础,网络推广也正是迎合了汽车市场客户的的习惯和喜好。

有专家预测,虽然目前国内面向消费者的汽车网站还是以导购、信息传递为主,但随着经销商纷纷建立自己的网站,以及新一代消费群体的成长壮大,将会有更多的汽车销售通过互联网达成。

公布我几个没有用的7位的QQ号码和密码

公布我几个没有用的7位的QQ号码和密码,不过以下内容用pgp稍微加密了一下,如果谁能够拿走就拿走吧。

刚刚update了一下,把一个6位的号码也加了进去。

—–BEGIN PGP MESSAGE—–
Version: PGP Desktop 9.10.0 (Build 500)
Charset: utf-8

qANQR1DBwEwDFTq/2hUCFBMBCACZQ4dlE8GqlHliK3HVKEAyB6N4gFka49K8w013
aCJZ7a2ozplLmvqutrayaXP1ckx/nAREufOK495QQzMfO/3XQQBXiR4qPVjg9KT3
awNNkS4ODzMUvWbkNQMSm+KeS9dqJ3vyIEe7Bw6kA0/0k3jA3aIk4kpAFJdw8bBx
pwivNQxw623FNFa929k3BYPrl0+UHcaZp61kiJqtvmVEPthoXqa2HcCukOsUwLvy
R8o4wdO8F0ZV2zTUeGCUgz8QEcPhS8xDhobkWY8PIL6Kq5lagaJo3+ojwS8MB7+S
bnao/mbxI+Zk27oBIUJnGigf0wBlVrd7tZaAz0SLy+bKtuSY0ngB4H4JZ8iSDYVe
Lw3g5uTBtLiWqYJH5YuywxVOdsDX7UCURlLdWduWvM2ghNpe92/K4hKCJCadqSnZ
n5OMAsbwJntMx5xpv6mLWhwF7Xv1pbjM6LrTxR9T4YuY+G3cy5WDJAR05OYRjtEV
wsn4MgyHMxu4gaQwKgg=
=5GYP
—–END PGP MESSAGE—–

美国禁止出口的软件产品:PGP Desktop Professional

其实加密是我一直以来很关注的一个方向,毕竟意味着太多。最早在家里做孩子的时候就用一本带有小锁的笔记本写上心事,然后放进带锁的柜子。但是这种严格意义上只能够是起到很小的作用,并且最终还是把我给泄漏出来了,后果貌似很严重过。

再后来玩电脑后,自己没有电脑,仅仅有的那么点东西经常是用rar带密码压缩然后放进软盘里带着走。结果被人家连软盘都偷走了,太郁闷了,我想那个偷软盘的人估计也就只能够用用那个软盘而已了,里面的内容估计是看不到的。

再后来思考过邮件的CA数字认证加密,但是貌似收费的居多,免费的好像比较少的并且只支持个人用户。可是要用ca来加密文件甚至整个硬盘貌似可能性好像还是比较小,至少我还不会玩。

其实很早以前就接触过pgp这个概念,据说很牛b的:PGPPretty Good Privacy是一个基于RSA公匙加密体系的邮件加密软件,可以用它对你的邮件保密以防止非授权者阅读,它还能对你的邮件加上数字签名,从而使收信人可以确信邮件是你发来的。它的功能强大,有很快的速度。而且它的源代码是免费的。

昨天先下载了一个8.1的版本,貌似还不错的。很喜欢里面的一个虚拟磁盘的功能,但是该版本下面有一个很大的问题就是虚拟磁盘的大小貌似不可以重新调整,并且一旦指定了大小他就会实际使用那么多的硬盘,也即直接在硬盘上独占了设置的大小,比如我虚拟出一个5G的磁盘,那么我的硬盘实际使用空间将减小5G,无论我是否将虚拟磁盘的空间使用多少。其它数字认证和邮件加密数字签证貌似还是可以的。

接着看到网上似乎有最新的9.10版,于是找了不少地方,总算被俺找到了一个可以用的版本,在另外一台电脑上稍微测试了一下,功能好很多:

1、虚拟磁盘得到很好的改进,允许用户指定一个最大动态分配大小,默认是12个G,然后根据你实际使用来分配物理硬盘实际空间

2、根据邮件服务器来直接加密,这个貌似有点强大和复杂,所以没有怎么深入去了解。但是使用gmail的同学们估计有点郁闷,他这边的邮件服务器是根据实际使用的服务器来定的,而不是我们平时填写的imap.gmail.com或者smtp.gmail.com这样的。所以如果是gmail则会有很多个不同的服务器信息出来,当然这样就直接让我放弃了使用该服务。

3、pgp 9.10版里可以直接对某个硬盘进行全盘加密,这个功能貌似不错,不过还没有完全测试够。

4、新版本的pgp还支持网络共享,该功能还正在测试中,晚点来篇文章分享。

分享一个我用pgp加密两次后的密文,有兴趣破解的朋友可以来测试破解出明文来玩玩。

http://blog.dingguohua.com/static/upload/file/pgp-password.txt

安装WordPress播放器插件-AnyPlayer

没办法,寂静的日子如果连声音都没的话,那就忒痛苦了。

wordpress默认好像是没有媒体播放器的,俺想分享点喜欢的音乐都不行的。没办法,为了让大家能够听到《偏爱》,所以只得自己操刀搞一个,没有想到有个哥们比我厉害也比我忍不住,他先搞出来了,于是我就拿来主义。

既然拿来主义,俺就全当是笔记吧,以后调用的时候不要忘记了,否则就太没面子了。。

在文章编辑模式入插入[anyplayer:type=swf url=http://xxxx.com/swf width=400 height=300],注意,两边要使用半角方括号。

  1. type是媒体类型,支持swf flv mp3 wma wmv rm ra qt
  2. url是媒体地址
  3. width是播放器宽度,缺省则为450
  4. height是播放器高度,缺省则为350

PS:属性不能用引号括起来

swf:支持各种标准的flash文件,常见视频网站上的视频都可采用这种方式发布

[anyplayer:type=swf url=http://cpiz.com/files/bloxorz.swf width=500 height=300]

flv:基本上和swf使用一样

[anyplayer:type=flv url=http://www.whosworks.com/upload/20081111992260222.flv width=460 height=330]

mp3:如果不需要皮肤自定义功能的话,可以替下Audio player了,该模式下宽高属性无效

[anyplayer:type=mp3 url=http://bbmedia.qq.com/media/yule/kekewang/music/jindie/sunyanzitonglei.mp3 ]

wma:调用MediaPlayer播放音频,Firefox下要额外插件支持,该模式下宽高属性无效

[anyplayer:type=wma url=http://show.jj.jx.cn/upload_mp3/20071021196261562.wma]

wmv:调用MediaPlayer播放音频,Firefox下要额外插件支持

[anyplayer:type=wmv url=http://mtv26.3378.com.cn/071110/梁静茹_www.3378.com.cn崇拜(完整版).wmv width=460 height=400]

Show一下俺的美女桌面(未成年人慎入)


Firefox美女

  很早就想开始使用linux了,最早应该可以追溯到高中听这个词的时候起吧,郁闷的是那个时候连自己的电脑都没的,也没有现在流行轻量级的发行版。到了大学之后在工作室最低配置的电脑上装一个linux,结果装了之后就没有用过,那个时候感觉linux还是太复杂了(现在还是感觉太复杂,不过慢慢在习惯了)。
  再后来与linux还有过一些情节。尤其是两年前从某个朋友手上搞了一个正版的red hat,可惜去年当把所谓正版的Red hat花了几天装到南山办公室的电脑上之后,结果还是没有用上,但是通过装linux的经过,寡人深刻地认识到linux的世界真是日新月异。
  前两个星期决定在自己新的本本上再次测试安装linux,结果ubuntu就被寡人活生生地塞进来了。用了两个多星期了吧,发现还不错,就是以前某些经常使用的工具无法使用了。尤其是网上银行以及QQ,没办法,国内的银行貌似没有一家支持在linux下使用的,而破QQ竟然在linux之下就不保存聊天记录了,就更别说把以前windows下的聊天记录转移过来。
  昨天还是前天看到GR里有一个哥们分享了一套firefox的壁纸,个人感觉不错,于是拿来主义了一套,感觉还是不错的。很有意境:用跟开源一样开阔的胸怀去接纳其他事物。

绕了一大圈,俺又回到wordpress

这一大圈折腾得相当厉害,不过现在还是回到了wordpress。

由于卧党不喜欢听我说话,强制让我闭嘴,所以不得不将原来的的零维观止迁移出去避风头。怎奈伟大的GFW就是不想让我生存,再次将俺寄存在blogger的博客显示得乱七八糟,实在是看不下去了,也太对不起我自封的草根站长称号了。所以决定还是搞一个博客出来刻薄一下。如果你有意见,也想让俺闭嘴的话,请私下单挑,不要像XX部门一样来阴的。

由于太久没有写博客,并且老的博客已经被我有所遗忘,所以决定废除以前的内容重新来过。如果有哪位童鞋想怀旧翻阅古董,可以猛击评论给俺留言,俺会给你到档案馆查阅的特批的。

原先做了我博客链接的兄弟,如果还看得起我的话就帮忙恢复一下并留言告诉俺。看不起的嘛,反正就当俺没说。