Question

有没有办法让社交媒体喜欢并在网页上分享？

我正在为facebook，twitter，google +尝试这个。对于Facebook它的工作，但对于Twitter和谷歌+我找不到任何。

我在下面试了一下。

.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}


.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}
p{
	font-size:14px;
}

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://webcyou.github.io/social-share-count-js/js/social-share-count.js"></script>
  <title>Share Count</title>
</head>
<body>
<a href="#" class="fa fa-facebook">
	<p data-sc-fb="http://www.eventbee.com"></p>
</a>

<a href="#" class="fa fa-twitter">
	<p data-sc-tw="https://stackoverflow.com"></p>
</a>
<a href="#" class="fa fa-twitter">
	<p data-sc-tw="https://draxe.com/emotions-lower-inflammation.com"></p>
</a>
<a href="#" class="fa fa-google">
	<p data-sc-gp="http://www.webcyou.com"></p>
</a>

<a href="#" class="fa fa-pinterest">
	<p data-sc-pr="https://www.google.com/"></p>
</a>

<a href="#" class="fa fa-linkedin">
	<p data-sc-ln="https://www.yahoo.com/"></p>
</a>

</body>
</html>

这里的推文数量来自stackoverflow.com但不适用于https://draxe.com/emotions-lower-inflammation/

PS - 我发现Twitter和谷歌+已经停止了api但是应该有那些第三方api吗？

在网站上获取社交媒体分享/喜欢的数量

0 个答案: