如何在我的网站上添加Instagram Follow按钮？

Question

我可以添加twitter的关注按钮，youtube的订阅按钮和＆＃34;喜欢＆＃34; facebook的按钮，是否可以在网站上为我们的Instagram帐户编写跟随按钮？

JSFiddle：https://jsfiddle.net/shmdhussain/jtcz2jtz/2/

＆＃13;

＆＃13;

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
 
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
 
  return t;
}(document, "script", "twitter-wjs"));</script>

<a class="twitter-follow-button"   href="https://twitter.com/TwitterDev" data-show-screen-name="false" data-lang="ar"> Follow @TwitterDev</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

将此fontawesome链接标记添加到您的HTML头

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

然后将这段代码放在要显示Instagram按钮的位置，并将用户名更改为您的用户名

<a href="https://instagram.com/username">
   <span style="font-size: 1.5rem;">
       <span style="color: indianred;">
          <i class="fab fa-instagram"></i>
       </span>
   </span>
</a>

Answer 2

您可以使用此网站，它会自动为您的网站创建一个关注按钮。我尝试了它并且它有效。

http://instafollowbutton.com/