有没有一种方法可以像在facebook上一样在amp页面中插入按钮？

我有一个问题，我创建了一个短代码，在我的网站上插入类似facebook的按钮，当这是从amp页面调用时。创建的短代码只不过是facebook上开发者页面显示的代码。在站点的经典页面上，它工作得很好，但是由于它包含javascript代码，这个短代码使得相应的amp页面无效。要在amp页面中插入按钮，您必须遵循此处指示的指令：…/…/components/amp/… 实际上，这个按钮是有效的。但是如何对两个版本（amp和非amp）使用相同的短代码？我甚至不能创建一个新的快捷码，因为当我写这篇文章时，我应该插入哪一个

这在wordpress网站5.1版上

经典页面代码

<!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your like button code -->
  <div class="fb-like" 
    data-href="https://www.your-domain.com/your-page.html" 
    data-layout="standard" 
    data-action="like" 
    data-show-faces="true">
  </div>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=”https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

amp页的代码

<script async custom-element="amp-facebook-like" src="https://cdn.ampproject.org/v0/amp-facebook-like-0.1.js"></script>

<amp-facebook-like width="110"
  height="20"
  layout="fixed"
  data-layout="button_count"
  data-href="https://www.facebook.com/testesmegadivertidos/">
</amp-facebook-like>