Я встроил значок Facebook Like and Share в свой проект. Первоначально я думал о написании кода с нуля для публикации страницы, но обнаружил, что есть гораздо более простой способ сделать это после нескольких кликов.

На сайте Facebook Developer есть подробные инструкции. https://developers.facebook.com/docs/plugins/like-button#faqlayout

Есть два способа добавить кнопку «Нравится» и «Поделиться».

После того, как вы сгенерируете код с помощью «Конфигуратор кнопки «Нравится», вы можете добавить код на свою собственную страницу.

  1. SDK для JavaScript

Включите JavaScript SDK на свою страницу один раз, в идеале сразу после открывающего тега ‹body›.

‹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 = “//connect.facebook.net /en_US/sdk.js#xfbml=1&version=v2.6”;
fjs.parentNode.insertBefore(js, fjs);
}(документ, 'скрипт', 'facebook-jssdk')) ;‹/скрипт›

Разместите этот код там, где вы хотите, чтобы плагин отображался на вашей странице.

‹div class="fb-like" data-href=""http://jiyounyoon.com/dinoabc/dinoabc.html"' data-width="200" data-layout="кнопка" data-action="нравится" ” data-show-faces="true" data-share="true"›‹/div›

2. Тег iFrame

‹iframe src=""https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjiyounyoon.com%2Fdinoabc%2Fdinoabc.html&width=200&layout=button&action=like&show_faces=true&share=true&height= 65&appId»’ width=”200’ height=”65’ style=”border:none;overflow:hidden” scrolling=”no” frameborder=”0’ allowTransparency=”true”›‹/iframe›

В дополнение к указанным выше настройкам вы также можете изменить несколько параметров, таких как действие, href, макет и даже язык.

Теперь любой, у кого есть учетная запись Facebook, может поделиться моей страницей.