大数跨境

如何在您的网站上安装 Twitter 按钮和小工具

如何在您的网站上安装 Twitter 按钮和小工具 电商实践
2014-08-27
3
导读:Twitter for Websites 是一套可嵌入的按钮和小工具套件,旨在促进网站内容在 Twitter 上的分享,并为网站增添互动性

适用于网站的 Twitter 是一套可嵌入的按钮和小工具,有助于在 Twitter 上分享网站内容,为可能原本缺乏互动性的网站增添一层交互性。

Twitter 提供四种主要的按钮和小组件类型:

  1. 推文按钮
  2. 关注按钮
  3. 嵌入推文
  4. 嵌入时间线

本文详细介绍了设置这四种选项所需的步骤。(注:本文未涉及“标签”和“提及”两种按钮类型。)

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 像素,但可以根据您页面的尺寸要求进行覆盖。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8035
粉丝 0
电商实践 电商实践
总阅读1.1k
粉丝0
内容8.0k