Похоже, вы ищете Социальные плагины Facebook .Это самые простые «элементы Facebook» для реализации.
Если они не удовлетворяют вашим требованиям, вы можете взглянуть на Javascript SDK , вероятно, второй по простоте.
В качестве обновления для ваших правок:
Кнопка «Мне нравится» работает следующим образом: она очищает вашу страницу от информации о том, что вам просто понравилось, если вы хотите контролировать ее поведение, вы можете добавить открыть теги графика , чтобы сделать это.
В вашем примере у вас есть одна страница с тремя разными видео на нем, чтобы различать теги открытого графика, которые вы заставляете подобным образом идти по разным значениям строки запроса.
ЗдесьЭто какой-то паршивый пример псевдокода, который пытается объяснить, что я имею в виду:
//Pseudo server side code
variable video = get_query_string_value("video");
switch (video) {
case "wolf-shirt":
add wolf shirt open graph tags;
break;
case "unicorns"
add unicorn video open graph tags;
break;
}
Тогда ваши кнопки «Нравится» будут выглядеть примерно так:
<div class="fb-like" data-href="www.example.com/mypage.php?video=wolf-shirt" data-send="true" data-width="450" data-show-faces="true"></div>
<div class="fb-like" data-href="www.example.com/mypage.php?video=unicorns" data-send="true" data-width="450" data-show-faces="true"></div>
Это приведет к тому, что если кто-то нажмет кнопку «Мне нравится» на видео с волчьей рубашкой, вы представите теги открытой диаграммы с волчьей рубашкой в Facebook, когда скребок будет искать данные.