65.9K
CodeProject 正在变化。 阅读更多。
Home

介绍 BuildButtons

starIconstarIconstarIconstarIconstarIcon

5.00/5 (6投票s)

2013年6月25日

CPOL

5分钟阅读

viewsIcon

17261

在本文中,我们将探讨如何为您的网站添加社交网络按钮,以将其连接到其他网络。我们将使用 BuildButtons 来处理繁重的工作。

引言

对于许多网站来说,连接到社交网络具有极大的好处。诸如 Facebook 的“”按钮和 Twitter 的“推文”按钮等按钮几乎无处不在。在本文中,我们将确定是否应在我们的网站上包含此类按钮,然后说明如何实际操作。

我在 Code Project 上发表的大部分文章都完全专注于技术主题。在本文中,我将更多地关注与策略和营销相关的概念,而不是技术本身。我还会展示如何使用我编写的工具来向网站添加内容。

何必费心?

简单来说,社交媒体按钮可以帮助驱动流量。在几乎所有情况下,流量对您的网站都有好处。更多的人看到您的内容、产品或服务,您就能产生潜在客户,甚至可能从您的广告计划中增加收入。

除了驱动流量之外,许多搜索引擎(例如 Google)还会根据网站的“连接性”——有多少其他网站链接到它们——来对搜索结果进行排名。这意味着,越多的人从其他地方链接到您的网站,它在搜索结果中的排名就会越高。

证明这一点

支持到目前为止所说内容的 J最简单的方法就是展示示例。事实上,展示示例是如此简单,以至于通过发出这样的挑战可以更好地说明这一点:

找到一个报纸网站,该网站不允许您通过 Facebook 或 Twitter 分享其文章。

我自己的搜索绝不是详尽无遗的,但似乎绝大多数报纸都鼓励用户分享其内容。同样,这是因为:

  1. 它会驱动流量,理论上使报纸更受欢迎。
  2. 更多的流量意味着为广告商带来更多收入。
  3. 更多的流量意味着当您在 Google 上搜索一篇文章时,您更有可能找到他们的页面。

开始吧

创建这些社交媒体或分享按钮通常非常简单。您可以搜索“创建 Facebook 赞按钮”之类的内容,然后找到来自该网站的 API 或开发者页面,填写表单,按钮就会生成。但是,为了让这个过程更轻松,我创建了一个名为 BuildButtons 的网站,它将所有这些功能集中在一个地方供您使用。

首先,请访问 www.buildbuttons.com

这是一个非常简单的网站,基本上只有一个简短的描述,说明该网站是关于什么的,然后是不同类别按钮的链接。

例如,我们将构建一些典型的社交媒体按钮。选择“社交

在每个此类类别中,我们都会得到一组要构建的按钮。社交媒体按钮类别目前只有一个选项——分享按钮集。点击“生成它

要实际生成按钮,只需填写表单上的详细信息,然后选择“生成它”。您的结果将显示在表单的右侧。

现在,您所要做的就是将文本框中的 HTML 复制并粘贴到您的网站中。

我已确保在所有情况下都可以直接复制粘贴——无需包含 JavaScript 文件、样式表或图像。

有什么可用?

到目前为止,有几种不同类型的按钮可用,这是列表:

社交媒体

社交媒体类别目前只有一个按钮集,那就是我们上面已经看到的分享按钮。

Facebook

对于 Facebook,您可以生成“”或“关注”按钮。

例如

”按钮可以由访客点击,让他们快速分享他们“喜欢”某个内容到他们的 Facebook 时间线上。

关注

关注”按钮的工作方式不同,它允许用户点击以关注一个个人资料。这意味着当该个人资料发布帖子时,用户将收到通知。个人资料可以是人,也可以是企业等等。

Twitter

Twitter 有四个可用按钮。

分享链接

此按钮允许用户快速创建一个指向特定 URL 的推文。

分享话题标签

此按钮允许用户快速创建一个包含特定话题标签(例如 #somebuzzword)的推文。

关注

对于社交媒体类型的人来说,这是一个非常有用的按钮。它允许用户点击并关注特定用户的推文,对于大多数网站来说,这将是网站的 Twitter 用户。

提及

使用此按钮,用户点击后会弹出一个新的推文窗口,其中包含字符串 @someprofile(someprofile 在设置中指定)。这允许用户向某人发送推文(这称为提及)。

Google

到目前为止,Google 按钮的选择不是很多,但为了完整起见,我将所有内容都保留在这个索引中。

+1

+1 按钮用于在 Google Plus 上分享内容。当用户对您的内容进行+1 操作时,它会出现在他们的 Google Plus 页面上。

LinkedIn

对许多人来说,这是最重要的网络之一,因为它涉及用户在专业和商务相关的网络中。

分享

超级简单,LinkedIn 分享按钮允许用户通过其 LinkedIn 个人资料页面分享内容。

GitHub

GitHub 对于分享代码和托管项目非常受欢迎。如果您有一个 GitHub 项目,这些按钮会很有用。

星星

允许用户收藏您的项目。他们表明喜欢它,并且很可能会感兴趣地关注它。

分叉

Fork 按钮允许用户从您的项目创建一个分支并开始独立地对其进行工作。

关注

关注是针对 GitHub 用户,而不是存储库。它允许人们关注特定用户及其活动。

Star Fork Follow

我经常使用这些按钮,并且实际上喜欢将这三者放在一起,所以这个生成器会创建这三者并排显示。

帮助我让 BuildButtons 变得更好

到目前为止,我发现在我自己的项目中 BuildButtons 很有用,但我很乐意听取您关于改进的任何建议——也许是新型号或不同类型的按钮。

希望本文能对一些人有所帮助。一如既往,如果您有任何问题、想法或问题,请评论!

历史

  • 2013 年 6 月 25 日:初始版本
© . All rights reserved.