适用于网站的 Twitter 是一套可嵌入的按钮和小工具,有助于在 Twitter 上分享网站内容,为可能原本缺乏互动性的网站增添一层交互性。
Twitter 提供四种主要的按钮和小组件类型:
- 推文按钮
- 关注按钮
- 嵌入推文
- 嵌入时间线
本文详细介绍了设置这四种选项所需的步骤。(注:本文未涉及“标签”和“提及”两种按钮类型。)
1. 推文按钮
推文按钮是一个小型小组件,允许 Twitter 用户轻松地将您的网站分享给他们的关注者。
显示计数数量的推文按钮示例。
当用户点击该按钮时,会出现一个弹出窗口,其中预填了您在设置推文按钮时包含的属性所提供的信息。如果用户愿意,可以更改内容,也可以使用默认内容。
用户可以更改推文中的信息,也可以使用默认信息。
推文发布得到确认后,系统会根据推文按钮属性中提供的信息,建议用户可能希望关注的其他账号。
如何在您的网站上安装推文按钮
- 前往 Twitter 按钮资源页面。
- 您将看到四个选项:分享链接、关注、标签和提及。请选择“分享链接”选项。
- 自定义推文按钮配置:
- 插入页面 URL;
- 选择使用页面标题或添加自定义文本;
- 确定是否显示点击分享推文的人数(可选的推文计数器会统计您内容的全部推文和转推数量);
- 指定与推文关联的 Twitter 账号;
- 根据需要推荐其他 Twitter 账号;
- 包含话题标签(推荐);
- 如需,选择大尺寸按钮;
- 选择是否退出 Tailoring Twitter(若选择不退出,Twitter 将建议用户可能感兴趣的其他账号)。
Twitter 按钮配置包括自定义按钮的选项。
完成选择后,通过点击右侧列中出现的按钮预览推文,然后将 HTML 代码插入到您希望其显示的站点模板中。
您指定的主账号将成为推文中的 @提及对象。(默认情况下,当您设置按钮时,Twitter 会使用您当前登录账号的用户名。)
2. 关注按钮
关注按钮是一个小部件,允许用户从任何网页关注 Twitter 账号。关注按钮采用与推文按钮相同的实现模型,集成同样简单。
- 前往 Twitter 资源的按钮页面并选择“关注”按钮。
- 出现可自定义的选项,包括:
- 用户的 Twitter 用户名;
- 用于选择是否显示用户名的按钮;
- 大尺寸按钮选项;
- 选择不定制 Twitter;
- 语言设置。
- 选择您想要的选项,预览按钮,然后复制并粘贴 HTML 代码以嵌入到您的网站中。
配置关注按钮与配置推文按钮基本相同。
3. 嵌入式推文
嵌入式推文使您能够将推文直接嵌入到网站中。
推文会显示扩展的媒体内容,如照片、视频和文章摘要,同时还包含实时转发数和收藏数。嵌入式推文具有交互性,允许您的读者直接从页面关注推文作者、回复、转发和收藏推文。
如何在您的网站上嵌入推文
Twitter.com 上的每条推文底部都包含一组操作,包括回复、转发、收藏和更多。点击“更多”推文操作,然后选择“嵌入推文”。
点击“更多”按钮以找到嵌入推文的选项。
系统将弹出一个对话框并提供一段 HTML 嵌入代码。将此代码直接复制并粘贴到您希望推文显示的网页、文章或博客帖子中。预览功能可让您查看推文的外观。
将 HTML 复制并粘贴到您的网站中以嵌入推文。
4. 嵌入式时间线
可嵌入的时间线只需一行代码即可轻松将任何公开的 Twitter 时间线同步到您的网站。
Twitter 嵌入式时间线的示例。
与 Twitter.com 上的时间线一样,可嵌入的时间线具有交互性,允许您的访问者直接从您的页面回复、转发和收藏推文。
用户可以展开推文以查看内联卡片以及转发和收藏数。集成的推文框鼓励用户回复或发起新对话,而自动展开媒体的选项可将照片展示出来。
您可以嵌入来自单个用户的推文、用户的收藏、Twitter 列表、搜索查询或标签以及合集的时间线。
如何创建嵌入式时间线
您可以在 Twitter.com 的小工具设置页面创建嵌入式时间线,或在个人资料、搜索和合集页面的选项菜单中选择“嵌入此…”。
- 点击“Create new”按钮,为您的网站构建一个新的时间线。
点击“Create new”按钮来设置嵌入式时间线。
- 从列出的五种类型中选择您想要使用的嵌入式时间线类型:
- 用户时间线:输入您希望显示其推文的用户的账号名称。
- 收藏:输入您希望显示其收藏内容的用户的账号名称。
- 列表:在下拉菜单中选择您拥有和/或订阅的公开列表。
- 搜索:输入您的搜索查询(您也可以使用话题标签)。
- 合集:选择您的一个合集。
Twitter 嵌入式时间线配置对话框。
- 通过指定高度、主题(浅色或深色)和链接颜色来自定义设计,以匹配您的网站。您还可以配置嵌入式时间线以自动展开包含媒体的推文,在用户时间线版本中排除回复,并在搜索中选择“Safe”模式以排除敏感或不雅内容。
- 选择是否选择不定制 Twitter。
- 点击“Create widget”,然后将代码复制并粘贴到您网站的 HTML 中。
配置存储在 Twitter 服务器上,因此一旦保存了时间线,就会生成一小段 JavaScript 代码,您可以将其粘贴到您的页面中,从而加载时间线。
嵌入式时间线具有灵活性,可以适应从宽到窄、从短到高的各种尺寸。时间线的默认尺寸为 520×600 像素,但可以根据您页面的尺寸要求进行覆盖。

