Встраивание YouTube в Facebook og: meta - PullRequest
2 голосов
/ 31 января 2012

Я правильно добавил все свои мета-теги og: и отладчик Facebook корректно очищается. Единственная проблема, с которой я столкнулся, заключается в том, что миниатюра для видео обрезается при публикации на нашем веб-сайте, но идеально подходит для публикации на YouTube.

Наша МЕТА:

<meta property="fb:app_id" content="259859127379080">
<meta property="og:url" content="http://www.zanews.co.za/others/testing-one-two-three/2012/01/30/">
<meta property="og:title" content="Testing One Two Three  |  ZANews">
<meta property="og:description" content="Testing One Two Three">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i4.ytimg.com/vi/CBJxtlHDcfU/hqdefault.jpg">
<meta property="og:video" content="http://www.youtube.com/v/CBJxtlHDcfU?version=3&autohide=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="224">
<meta property="og:site_name" content="ZA News | Let's get it on!">

И Результат: post from the website

МЕТА YouTube:

<meta property="fb:app_id" content="87741124305">
  <meta property="og:url" content="http://www.youtube.com/watch?v=CBJxtlHDcfU">
  <meta property="og:title" content="ZANEWS: Ask The Coach">
  <meta property="og:description" content="So a lot of people ask me, they say Pieter, rugby is confusing, it&#39;s so hard to understand. I say, no, what is hard to understand is when I speak English.">
  <meta property="og:type" content="video">
  <meta property="og:image" content="http://i4.ytimg.com/vi/CBJxtlHDcfU/hqdefault.jpg">
    <meta property="og:video" content="http://www.youtube.com/v/CBJxtlHDcfU?version=3&amp;autohide=1">
  <meta property="og:video:type" content="application/x-shockwave-flash">
  <meta property="og:video:width" content="398">
  <meta property="og:video:height" content="224">
  <meta property="og:site_name" content="YouTube">

И Результат: пост с ютуба http://www.zanews.co.za/wp-content/uploads/zanews2.JPG

Итак: для некоторых незначительных различий (связанных с контентом) они практически одинаковы, но миниатюрные изображения постов отличаются совсем немного.

Я также обнаружил линтер, когда отлаживал URL-адрес веб-сайта (http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.zanews.co.za%2Fothers%2Ftesting-one-two-three%2F2012%2F01%2F30%2F), который изначально показывает линтер:

 {
     "url": "http:\/\/www.youtube.com\/v\/CBJxtlHDcfU?version=3&autohide=1",
     "type": "application\/x-shockwave-flash",
     "width": 398,
     "height": 224
 }

но когда я прохожу это через график (http://graph.facebook.com/10150521224263339), я получаю:

  {
     "url": "http://www.youtube.com/e/CBJxtlHDcfU",
     "type": "application/x-shockwave-flash",
     "width": 398,
     "height": 224
  }

Меня сводило с ума - поэтому любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 17 января 2015

Не уверен, имеет ли это какой-то смысл, но сработало от меня изменение части "http://i4.ytimg.com"" с og: image url на "https://img.youtube.com"

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...