Question

当我从amp页面调用时，我创建了一个在我的网站上插入facebook之类的按钮的短代码，我遇到了问题。创建的简码不过是Facebook上开发人员页面指示的代码。在网站的经典页面上，它运行良好，但由于包含JavaScript代码，因此该短代码使相应的amp页面无效。要将按钮插入amp页面，您必须遵循此处指示的指示：https://amp.dev/documentat…/…/ components / amp-facebook-like //… 实际上该按钮有效。但是，如何在两个版本（放大器和非放大器）中使用相同的短代码？我什至无法创建新的简码，因为当我写这篇文章时我应该插入哪一个？

这是在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>

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>

有没有一种方法可以在amp页面中插入Facebook上的按钮？

0 个答案: