2010-10-02 5 views
23

Я пытаюсь создать страницу, которая может быть правильно очищена Facebook, когда она будет общедоступна/понравилась. На этой странице будет связано видео с YouTube, поэтому в атрибуте контента тега og: video я должен добавить ссылку на видеоролик YouTube или ссылку на страницу YouTube, чтобы она появилась на Facebook с маленькой кнопкой «Просмотр» который воспроизводит видео в Facebook?Открыть диаграмму og: video Meta Tags content

Надеюсь, кто-то может помочь! Благодаря!

+0

Есть ли какие-либо изменения в og tag implementaton.I пытаюсь реализовать тот же самый тег og, который использовался ранее, но он просто добавляет описание, но без опции воспроизведения, при нажатии на нем перенаправляется на URL. – NetStarter

ответ

-2

Я понял. Я посмотрел, как это делает 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 тоже - я не совсем уверен, какой из них сделал это, но там вы идете. Это работает :)

+1

Итак, что вы положили в тег ''? URL-адрес YouTube? Кроме того, что вы положили в тег 'video_src'? –

+0

Daniel Hough, вы не ответили на свой вопрос здесь ... Вы не указали, какой URL-адрес вы использовали для источника видео. –

+0

URL-адрес, который я использовал, если я правильно помню - это был URL-адрес файла flv. – basicallydan

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

+2

Это ссылки на размещенный файл видео в формате flv, но что, если мы хотим поделиться видео с YouTube? –

+1

Это не отвечает на вопрос о том, как связать видео * YouTube *. –

8

Вы можете увидеть из исходного кода страницы YouTube ОГА: тег видео находится в следующем формате

<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g"> 

Вы также можете увидеть пример мета-данных, используемых с YouTube упрощенным в исходном коде по следующему адресу: http://fb.stevelarsen.co.uk/example.html

Вы можете Ри d больше о Open протокола Graph здесь: http://ogp.me/

+1

Обратите внимание, что эти теги отсутствуют на видеороликах YouTube с отключенным вложением. – Tamlyn

+1

Вы также захотите использовать HTTPS вместо HTTP. Более подробно в моем ответе http://stackoverflow.com/a/17811187/461119 –

6

Вот что я нашел:

Использование Open Graph Protocol Facebook, Издательство теперь может использовать любое видео с любого URL, до тех пор, как URL правильно отформатирован метаданные в < head> своего HTML. Вот перечень информации, которая должна быть в < головы>:

URL миниатюрного изображения в: < meta property="og:image" content="image_src URL" >
SWF URL: < 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" >

26

У вас есть два варианта. Вы можете установить 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: видео 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, чтобы получить открытые теги 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 не будет внедрять на сайт незащищенное видео.

+0

Я по-прежнему вижу эти метатеги на вашей странице, но если я поместил URL-адрес в Facebook, я просто вижу предварительный просмотр изображений некоторых фигур, а не видео ... –

+1

Показатели палки - это миниатюра предварительного просмотра для видео. Если вы поделитесь ссылкой на Facebook, вы увидите миниатюру предварительного просмотра и сможете щелкнуть по ней, чтобы воспроизвести видео. Вы должны действительно поделиться им, чтобы увидеть его полный эффект. –

+0

Имеет смысл, спасибо за разъяснение. –

0

последний раз: facebook изменил правила для видео, и вы должны изменить свою долю URL для YouTube видео с HTTP на HTTPS

0

Для тех, кто споткнулся в отладчике, предоставленной Facebook, пожалуйста, обратите внимание на следующее:

Когда вы вошли в отладчик, вы находитесь под https-сеансом. Чтобы увидеть ваше видео в отладке, вам нужно добавить защищенный URL для видео в мета. Добавление видео youtube легко, просто поместите URL-адрес страницы в og: url, и он будет работать.

Провел и час, чтобы прийти к такому выводу. Слишком поздно я слишком устал, хочу спать сейчас :)

Смежные вопросы