bas*_*dan 29 facebook opengraph
我正在尝试设置一个页面,当它被共享/喜欢时,可以被Facebook正确地抓取.该页面将包含与之关联的YouTube视频,因此在og:video标签的内容属性中,我是否应该使用"预览"按钮将YouTube视频嵌入链接或实际的YouTube页面链接显示在Facebook上在Facebook上播放视频？
希望有人可以帮忙!谢谢!
Mic*_*ili 33
你有两个选择.您可以将其设置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每当有人在Facebook上分享我的页面时都会显示YouTube视频.
选项1:设置og:video为https://www.youtube.com/v/YOUTUBECODE
元标记看起来像
<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' />
请注意,YouTube网址的结构与典型网址不同.您需要从YouTube链接中隔离"v"查询,并以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从https://www.youtube.com/watch?v=BQBjVr1iHH4获取Open Graph标签并在嵌入中使用它.这意味着说明和标题将来自YouTube页面.但是,如果有人点击该链接,他们将转到您的网站.
在我的示例中,如果有人粘贴以下链接,而我使用第二个选项https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook将看到URL设置为YouTube并查询该OG信息的YouTube链接.一切都会像YouTube一样,但链接将点击https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40
另一个注意事项:确保使用https,而不是http.Facebook不会在网站上嵌入任何非安全视频.
Rya*_*ton 10
这是我发现的:
使用Facebook的开放式图形协议,Publisher现在可以使用来自任何URL的任何视频,只要该URL在<head>其HTML中正确格式化了元数据 .以下是应该包含的信息列表<head>:
缩略图图片的网址:
<meta property="og:image" content="image_src URL">
SWF网址:
<meta property="og:video" content="video_src 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">
您可以从YouTube页面的源代码中看到,该og:video标记采用以下格式
<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">
您还可以在以下网址的源代码中看到简化的YouTube元数据示例:http://fb.stevelarsen.co.uk/example.html
您可以在此处阅读有关Open Graph协议的更多信息:http://ogp.me/
小智 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
bas*_*dan -5
我想到了。我查看了 Collegehumor.com 是如何做到这一点的，它们包含了 Facebook API 中未提及的一堆内容。而不仅仅是以下内容：
<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"有帮助——我不完全确定是哪一个做的，但你就知道了。这样可行 ：）videothumbnailog:image
| 归档时间： |
|
| 查看次数： |
77920 次 |
| 最近记录： |