如何创建你的OWN Like按钮? (不是facebook相关)

时间:2013-01-30 06:24:29

标签: html button social-media-like

我看着这里,其他几个地方和......无能为力。

在各个网站上发现的Facebook“赞”按钮的结构是什么?

它是社交书签,浏览器按钮类型吗?

是否有一步一步的过程(不使用FB Api)制作我自己的按钮。

如何设计&实现Like按钮?

我希望我自己的按钮具有与FB类似的功能,但在他们的平台上没有相关或开发!我试图在iWeb'09中输入这个作为html小部件。

3 个答案:

答案 0 :(得分:1)

要回答你的问题,请考虑按钮会发生什么,然后进入类似的按钮。

  1. 按下按钮会触发客户端上的事件,该事件可能会或可能不会更新某个服务器,以通知已按下按钮以实现此类意图。您可以通过此活动发送大量额外信息,例如何时何地等等
  2. 喜欢按钮通常会有关于谁喜欢它以及喜欢什么的额外信息。为此,您可能会要求人们登录或提供某种输入来识别它们。
  3. 采用类似按钮的真实示例,您可以使用任何服务器端技术在javascript中实现

    1. 安装脚本的人将能够看到该按钮。您可以使用任何CSS形成它,或者您的javascript只需从服务器加载iFrame或将元素附加到DOM以显示此按钮
    2. 点击后,它会使用此人的信息或至少调用它的页面网址调用您的服务器。例如,Google Analytics将使用与域网址关联的唯一ID来跟踪访问者。
    3. 当您接到此电话时,您可以更新您的数据库/存储空间或任何带有按下abc网站按钮的刻度标记的内容,以便更新他们喜欢或不喜欢的内容。
    4. 如果您希望您的javascript也可以在更新服务器之前或之后增加同一页面上的数字。
    5. 当其他人访问该网站时,脚本会再次加载并向您的服务器发送请求,以便您可以更新页面上的计数,但这次用户不会点击喜欢/不喜欢按钮,因此您不会更新记录。
    6. 然后,您可以将其显示为用户对其网站或网页的总访问量的饼图,其中包含喜欢该网站的人以及未向其报告的人(未按下该按钮)
    7. 如果您仍然想知道如何创建按钮。使用CSS button generator to get one

答案 1 :(得分:0)

您必须首先拥有一个可以存储各种值的数据库。 现在,每当用户单击该按钮时,必须递增存储在数据库中的按钮的值。为此,您需要一种将您连接到SQL数据库的后端语言。 因此,只要按钮单击了数据库中的喜欢值,就会发生变化。

答案 2 :(得分:0)

我成功完成了这项工作。我是这样做的:

您在数据库中有一个名为“赞”的 字段用户名,postid (如果您也想要日期和ID)

每个帖子/博客/文章都应该有自己的ID。

当有人喜欢帖子/博客/文章时,您获取帖子/博客/文章的ID 以及喜欢它的用户名 并检查喜欢数据库以查看它是否已存在。如果它已存在,则删除之类似。如果它不存在,你添加一个像。

例如,对于AJAX,我就是这样做的具体方法:

我有一篇ID为6的博客文章。

乔纳森喜欢这篇文章。

这两个变量通过一个帖子表格发送并等待响应,喜欢逻辑检查数据库,看看这个记录是否已存在于like表(用户名,postid)值('Jonathan',6 )如果响应为1(或者为真),那么我从最初的任何值更新“赞”按钮的div编号并添加1.如果响应为0(或者为假),那么我将取得原始值反击并删除1.