如何创建自己的 OWN Like 按钮? (与脸书无关)
Posted
技术标签:
【中文标题】如何创建自己的 OWN Like 按钮? (与脸书无关)【英文标题】:How to create your OWN Like button? (Not facebook related) 【发布时间】:2013-01-13 21:50:10 【问题描述】:我看了 SO,这里,还有其他几个地方 & ...... 无能为力。
遍布网站的 Facebook“点赞”按钮的结构是什么?
它是一种社交书签、浏览器按钮吗?
是否有一步一步的过程(不使用 FB Api)来制作我自己的按钮。
如何设计和实现一个赞按钮?
我想要我自己的按钮,其功能与 FB 类似,但不相关或在他们的平台上开发!我正在尝试在 iWeb'09 中将其作为 html 小部件输入。
【问题讨论】:
我认为这属于以下标签:php、sql 和 javascript。您必须知道如何使用它们来制作类似 Facebook 的按钮 不一定是 php 或 sql。它可以是 xml 或 asp.net 以及更多选择。 【参考方案1】:我已经成功地做到了。我是这样做的:
您在名为“likes”的数据库中有一个表,其中包含字段用户名、postid(以及日期、id,如果您也需要)
每篇文章/博客/文章都应该有自己的 ID。
当有人喜欢文章/博客/文章时,您获取文章/博客/文章的 ID和喜欢它的用户名并检查喜欢数据库,看看它是否已经存在。如果它已经存在,你删除喜欢。如果它不存在,你添加一个like。
例如使用 AJAX,这就是我具体的做法:
我有一篇 id 为 6 的博文。
乔纳森喜欢这篇文章。
这 2 个变量通过 post 表单发送并等待响应,like 逻辑检查数据库以查看该记录是否已存在于 likes 表 (username,postid) 值 ('Jonathan', 6)如果响应为 1(或真),那么我从原来的任何值更新喜欢按钮的 div 编号并添加 1。如果响应为 0(或假),那么我取喜欢中的原始值计数器并删除 1。
【讨论】:
【参考方案2】:要回答您的问题,请考虑按钮会发生什么,然后进入类似按钮。
-
按下按钮会触发客户端上的事件,该事件可能会或可能不会更新某处的服务器以通知已按下按钮以实现某种目的。您可以通过此活动发送大量额外信息,例如时间、地点和原因等
“点赞”按钮通常包含有关谁喜欢它以及他们喜欢什么的额外信息。为此,您可能会要求人们登录或提供某种输入来识别他们。
举一个你可以使用任何服务器端技术在 javascript 中实现的赞按钮的真实示例
-
安装您的脚本的人将能够看到该按钮。您可以使用任何 css 构建它,或者您的 javascript 可以简单地从您的服务器加载 iFrame 或将元素附加到 DOM 以显示此按钮
单击时,它会使用人员信息或至少调用它的页面 URL 调用您的服务器。例如,谷歌分析使用与域 url 关联的唯一 ID 来跟踪访问者。
当您收到此电话时,您可以更新您的数据库/存储或任何带有勾选标记的任何内容,即按下 abc 网站上的按钮,以便更新他们的好恶。
如果您希望您的 javascript 也可以在更新服务器之前或之后增加同一页面上的数字。
当其他人访问该站点时,脚本会再次加载并向您的服务器发送请求,以便您更新页面计数,但这次用户没有点击喜欢/不喜欢按钮,因此您不会更新记录。
然后,您可以将其作为饼图显示给用户,了解其网站或页面的总访问量,并按喜欢它的人和未报告(未按下按钮)的人进行划分
如果您仍然想知道如何创建按钮。使用CSS button generator to get one
【讨论】:
【参考方案3】:您必须首先拥有一个可以存储各种值的数据库。 现在,每当用户单击按钮时,存储在数据库中的按钮的值必须递增。为此,您需要一种将您连接到 SQL 数据库的后端语言。 因此,每当按钮单击时,数据库中的点赞值就会发生变化。
【讨论】:
以上是关于如何创建自己的 OWN Like 按钮? (与脸书无关)的主要内容,如果未能解决你的问题,请参考以下文章
html (脸书,绿色,橙色,影子红,橙色)选择一个CSS样式和工具按钮