Я пытаюсь настроить страницу, которая может быть правильно очищена Facebook, когда она поделилась/понравилась. На этой странице будет связано видео с YouTube, поэтому в атрибуте контента тега og: video я должен добавить ссылку на видеоролик YouTube или ссылку на страницу YouTube, чтобы она появилась на Facebook с маленькой кнопкой "Просмотр" который воспроизводит видео в Facebook?
Надеюсь, кто-то может помочь! Спасибо!
Я понял это. Я посмотрел, как это делает Collegehumor.com, и они включают в себя кучу вещей, не упомянутых в API Facebook. Вместо следующего:
<meta name="og:video" content="whatever"></meta>
<meta name="video_style" content="whatever"></meta>
<meta name="video_height" content="whatever"></meta>
<meta name="video_width" content="whatever"></meta>
вам также понадобится link rel="video_src", и это помогает иметь videothumbnail и og:image тоже - я не совсем уверен, кто это сделал, но там вы идете. Это работает:)
У вас есть два варианта. Вы можете установить og: video в https://www.youtube.com/v/YOUTUBECODE или установить og: url на страницу YouTube.
В моих примерах я вставляю это видео https://www.youtube.com/v/BQBjVr1iHH4 на следующей странице https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Мне бы хотелось, чтобы Facebook показывал видеоролик YouTube, когда кто-то делится моей страницей на Facebook.
Вариант 1: установка og: video на https://www.youtube.com/v/YOUTUBECODE
Метатег будет выглядеть как
<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' />
Обратите внимание, что структура URL-адреса YouTube отличается от обычного URL-адреса. Вам нужно будет изолировать запрос "v" от ссылки YouTube и использовать его в формате ссылки og: video, показанной выше. В моем примере значением "v" является BQBjVr1iHH4.
Вариант 2: установка og: url на страницу YouTube.
Если у вас нет возможности изолировать v-код, вы можете установить тег og: url на страницу YouTube. В моем примере это будет выглядеть так:
<meta property='og:url' content='https://www.youtube.com/watch?v=BQBjVr1iHH4' />
Это скажет Facebook, чтобы получить теги Open Graph от https://www.youtube.com/watch?v=BQBjVr1iHH4 и использовать их во встраивании. Это означает, что описание и название будут опубликованы на странице YouTube. Однако, если кто-то нажимает на ссылку, они перейдут на ваш сайт.
В моем примере, если кто-то вставляет следующую ссылку, когда я использую второй вариант https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook увидит, что URL-адрес установлен на YouTube и запросите ссылку YouTube для информации OG. Все будет выглядеть как YouTube, кроме ссылки, нажмите https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40
Еще одно примечание: обязательно используйте https, а не http. Facebook не будет размещать на сайте незащищенное видео.
Из исходного кода страницы YouTube вы можете видеть, что тег og: video находится в следующем формате
<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">
Вы также можете увидеть пример метаданных, используемых с YouTube, упрощенных в исходном коде следующего URL-адреса: http://fb.stevelarsen.co.uk/example.html p >
Подробнее о протоколе Open Graph вы можете прочитать здесь: http://ogp.me/
Вот что я нашел:
Используя Facebook Open Graph Protocol, Publisher теперь может использовать любое видео с любого URL-адреса, если URL-адрес имеет правильно отформатированные метаданные в <head> его HTML. Здесь список информации, которая должна быть в <head> :
URL-адрес изображения миниатюр: < meta property="og:image" content="image_src URL" >
URL SWF: < meta property="og:video" content="video_src URL" >
URL вашей страницы: < meta property="og:url" content="URL" >
Название: < meta property="og:title" content="title" >
Описание: < meta property="og:description" content="description" >
Ширина пикселя видео: < meta property="og:video:width" content="video_width" >
Высота пиксела видео: < meta property="og:video:height" content="name="video_height" >
Тип контента: < meta property="og:type" content="video" >
<html xmlns:og="http://ogp.me/ns#">
<head>
...
[REQUIRED TAGS]
<meta property="og:video" content="http://example.com/awesome.flv" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
...
</head>
Ссылка файла .flv.... проверьте https://developers.facebook.com/docs/opengraph/#types
последний раз: facebook изменил правила для видео, и вам нужно изменить свой общий url для youtube видео с http на https
Для тех, кто наткнулся на отладчик, предоставленный facebook, обратите внимание на следующее:
Когда вы вошли в отладчик, вы находитесь под https-сеансом. Чтобы увидеть ваше видео в отладке, вам нужно добавить защищенный URL для видео в мета. Добавление видео youtube легко, просто поместите URL-адрес страницы в og: url, и он будет работать.
Прошло и час, чтобы прийти к такому выводу. Слишком поздно я слишком устал, хочу спать сейчас:)