3

我需要一个简单的like 按钮。它必须允许访问者在不登录其社交网络帐户的情况下进行投票。

有任何想法吗？

4

4 回答 4

3

我从svbtle重新创建了 Kudos 按钮作为独立的小部件。

kudosplease.com

什么是“荣誉”？

赢得荣誉就是赢得尊重和认可。一个没有依赖关系的单元素荣誉小部件。

城市词典上的“荣誉”

如何使用它

1. 将 CSS/JS 添加到您的页面

2.添加小部件HTML

<div class="kudos" 
     data-amount="0" 
     data-url="domain.tld/my-awesome-article"></div>

3.通过JS初始化widget

new KudosPlease({ 
  el : '.kudos',
  duration : 1500,
  persistent : true,
  status : {
    alpha: 'fontelico-emo-shoot',
    beta: 'fontelico-emo-shoot',
    gamma: 'fontelico-emo-beer'
  }  
});

免费 API 或自己托管

特定 url 的点赞数量保存在我的后端，但你也可以在 GitHub 上下载：https ://github.com/TimPietrusky/KudosPlease

例子

于 2013-04-07T22:00:46.193 回答
3

I recreated a Medium-style applause button:

http://applause-button.com/

The button persists claps to a hosted back-end service, so no need to spin up your own database. Adding it is as simple as follows:

<head>
  <!-- add the button style & script -->
  <link rel="stylesheet" href="dist/applause-button.css" />
  <script src="dist/applause-button.js"></script>
</head>
<body>
  <!-- add the button! -->
  <applause-button style="width: 58px; height: 58px;"/>
</body>
于 2018-06-04T05:31:57.603 回答
0

您可以将“喜欢”存储在自己的数据库中。只需有一个点击服务器并更新数据库表中的计数的“喜欢”链接。当然，这需要数据库和服务器端语言（PHP、Ruby、Python 等）。

https://svbtle.com/博客网络有一个很酷的小“Kudos”按钮，当您将鼠标悬停在 Kudos 按钮上时，它会匿名喜欢。 http://howtomakelightning.com/365/

不过，我不确定您将如何在静态网站上执行此操作。

于 2013-02-03T16:05:42.090 回答
0

不能简单地创建一个赞按钮：D 您的按钮将在某处（通常是数据库）存储“赞”，根据定义，这是一个动态过程并找到一种方法来处理一些安全和用户体验问题。

如果你使用 React 我创建了这个服务https://lyket.dev/，它会处理一切。

于 2020-08-21T09:24:45.077 回答