есть способ вставить кнопку как на фейсбуке в страницу усилителя? - PullRequest
Новая
       27

есть способ вставить кнопку как на фейсбуке в страницу усилителя?

1 голос
/ 18 апреля 2019

У меня проблема с коротким кодом, который я создал для вставки кнопки «Мне нравится в Facebook» на мой сайт, когда она вызывается со страниц усилителя. Созданный шорткод - это не что иное, как код, указанный на странице разработчиков в Facebook. На классических страницах сайта это работает хорошо, но поскольку он включает в себя код JavaScript, этот шорткод делает соответствующую страницу усилителя недействительной. Чтобы вставить кнопку в страницы усилителя, вы должны следовать указаниям, указанным здесь: https://amp.dev/documentat…/…/components/amp-facebook-like/… и на самом деле кнопка работает. Но как мне использовать один и тот же шорткод для обеих версий (amp и non 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>

код страницы усилителя 

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