如何在我的网站中添加 Instagram 关注按钮？

Posted 2023-03-31

【中文标题】如何在我的网站中添加 Instagram 关注按钮？

【英文标题】：How to add Instagram Follow button in my website?

【发布时间】：2016-08-15 11:37:30

【问题描述】：

我可以为 twitter 添加关注按钮、为 youtube 添加订阅按钮和为 facebook 添加“喜欢”按钮，是否可以在网站上为我们的 Instagram 帐户编写关注按钮？

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

<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>

【参考方案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>

【讨论】：

在某种程度上我喜欢这个的独创性......“只是链接到 IG”

@JamieHutber 谢谢。您可以为我的答案投票以表明它很有用。

非常好的解决方案。