Twitter 业已成为今日互联网上最受欢迎的社会媒体之一，也被广大网页设计师和开发员所钟爱。把Twitter整合到你自己的网站有许多方式。

通过这种整合，你会发现那些讨论你的品牌或服务的人群，这就是一种效果极佳的推广。下面介绍几个对初学者而言最有用且最有趣的方法。

1. 显示最新的Tweet

在网站上展示最新Tweet的同时，你也是在给他们观察的机会来决定是不是要follow你。如果他们喜欢你的Tweet他们就更有可能通过点击进入你的Twitter页面然后follow你。

实现方法

一种最简单的在网站上显示Tweet的方法是使用 Remy Sharp的 twitterjs。只要把下面的代码放到你的HTML文件的body关闭标签之前。

<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script><script type="text/javascript" charset="utf-8">getTwitters('tweet', { id: 'username', count: 3, enableLinks: true, ignoreReplies: true, clearContents: true, template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'});</script>

把它放在底部以便你的网站在加载Twitter之前加载完成。这样的灵活之处在于，假如Twitter挂了，它不会影响到你网站的其他部分。

注意： 下面的示范代码链接到了Google服务器上的代码。你可以下载它并放到自己的服务器上，如果你愿意的话。

改变'id'的值为你的Twitter用户名，以及'count'的数字为想要显示的最新Tweet数量。你也可以选择忽略@replies的内容，因为只看到一半交谈的读者会感到困惑。

然后，你只要把下面这行代码放到你想要Tweet出现的无论什么地方就成了。

<div id="tweet"></div>

最后，脚本会把你的Tweet渲染成一个无序列表，并把不同的元素（比如时间）放到独立的span标签中。这样就使得通过CSS来样式化Tweet变得非常轻松。

样例展示

2. 显示收藏的Tweet

Twitter有一项功能即收藏Tweet。从本质上说这就是给某条Tweet加个标签然后放到你Twitter的收藏页面中。要实现这个，最简单的是使用 SimplePie 因为它能够使你在任何网站上展示某个RSS源。

确认你已经登录了 Twitter.com ，你需要进入你的 favourites 页面。虽然这个页面本身没有任何链接指向一个RSS，但浏览器会发现确实有这么一个RSS源——即你的收藏，看看你最喜欢的浏览器的地址栏或者什么地方找到这个指向RSS的链接。Safari和Firefox都把RSS按钮显示在URL旁边。

Safari和Firefox的RSS按钮

例如，我的收藏RSS如下：

feed:https://twitter.com/favorites/12633712.rss

实现方法

至于如何用 SimplePie 把源的内容整合到网站上，我就不重复发明轮子了。Chris Coyier 已经做了这项伟大的工作，请看看这个在他的网站CSS-Tricks上的视频教程。

这种方法也会把Tweet渲染成HTML标签中的无序列表。

3. Tweet this/Retweet 按钮

John Resig，jQuery创始人，发明了一种简单的方式来Tweet当前页面，同时显示一个计数器记录被Tweet的次数。你可以在 Inspect Element 这儿看到一个实例，页首和页尾都有相应的分享链接。

实现方法

要实现这个几行代码足矣。首先把javascript文件以及下面的代码加入header中。

注意：NOTE: 同样的，如果你想把文件放到自己的服务器上，确信你下载了它并改好了链接。

<script src="http://ejohn.org/files/retweet.js"></script>

然后像下面这样添加HTML标签：

<a class="retweet self"></a>

这样会自动以页面标题和一个缩短后的bit.ly地址发Tweet，就像下面这样：

RT @tkenny Making the Most of Icons in Web Design – Inspect Elementhttp://bit.ly/rc1rD

请查看 John的日志 Easy Retweet Button 那里面有自定义的选项。

那些身为网页设计师和开发员的Twitter用户都有分享的天性，其实所有用户都有这样的天性，这样你的网站就方便了他们与follow他们的人分享自己喜爱的东西。

4. 显示一个Twiiter话题

在这个页面（原文页面）的右侧你可以看到一个名叫 Twitter Activity 的区域.。任何时候有人在Tweet中出现关键词 ‘Inspect Element’ 的时候，它就会自动得到那个Tweet并把它显示在区域中。

Twitter Activity 区域会找到任何提及Inspect Element的Tweet

这真是伟大的创意因为它使得我能够看到谁说起了这个blog和他们在说些什么。

实现方法

我们借助一个 jQuery 插件 Juitter 来实现它。

想所有的 jQuery 插件一样，你得先在你的header中声明所援引的javascript文件。

<script language="javascript" src="/yourlocation/jquery.juitter.js" type="text/javascript"></script><script language="javascript" src="/yourlocation/system.js" type="text/javascript"></script>

跟上面的例子很像，在HTML代码任何地方中加入如下简单的一段代码：

<div id="juitterContainer"></div>

同样相似地，返回的格式易于样式化。

Juitter 鼓捣出的HTML代码