Открыть графический файл og: video Meta Tags

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

Надеюсь, кто-то может помочь! Спасибо!

Ответы

Ответ 1

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

Ответ 2

У вас есть два варианта. Вы можете установить 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 не будет размещать на сайте незащищенное видео.

Ответ 3

Из исходного кода страницы 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/

Ответ 4

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

Используя 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" >

Ответ 5

<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

Ответ 6

последний раз: facebook изменил правила для видео, и вам нужно изменить свой общий url для youtube видео с http на https

Ответ 7

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

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

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