2010-10-02 32 views
23

Tôi đang cố gắng thiết lập một trang có thể được cạo chính xác bởi Facebook khi được chia sẻ/thích. Trang sẽ có một video trên YouTube được liên kết với nó, vì vậy trong thuộc tính nội dung của thẻ og: video, tôi nên đặt liên kết nhúng video YouTube hoặc liên kết trang youtube thực sự để nó xuất hiện trên Facebook bằng nút "Xem trước" nhỏ có phát video trên Facebook không?Mở biểu đồ og: video Nội dung thẻ meta

Hy vọng ai đó có thể trợ giúp! Cảm ơn!

+0

là có bất kỳ thay đổi nào trong thẻ og implementaton.I đang cố gắng triển khai cùng một thẻ og được sử dụng trước đó nhưng nó chỉ thêm mô tả nhưng không có tùy chọn phát, khi được nhấp trên đó chuyển hướng đến url. – NetStarter

Trả lời

-2

Tôi đã tìm ra. Tôi đã xem xét cách Collegehumor.com làm điều đó và họ bao gồm một loạt các công cụ không được đề cập trong API Facebook. Thay vì chỉ sau:

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

bạn cũng cần link rel="video_src" và nó sẽ giúp bạn có videothumbnailog:image quá - Tôi không hoàn toàn chắc chắn cái nào đã làm nó nhưng có bạn đi. Điều đó làm việc :)

+1

Vì vậy, những gì bạn sẽ kết thúc đặt trong thẻ ''? URL YouTube? Ngoài ra, bạn sẽ đặt gì vào thẻ 'video_src'? –

+0

Daniel Hough, bạn đã không thực sự trả lời câu hỏi của bạn ở đây ... Bạn không chỉ định URL nào bạn đã sử dụng cho nguồn video. –

+0

Url tôi đã sử dụng, nếu tôi nhớ chính xác - đó là URL của tệp 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> 

Các liên kết của tập tin .flv .... kiểm tra https://developers.facebook.com/docs/opengraph/#types

+2

Liên kết này đến tệp video được lưu trữ trên máy chủ nhưng điều gì sẽ xảy ra nếu chúng tôi muốn chia sẻ video trên youtube? –

+1

Điều này không trả lời được câu hỏi về cách liên kết video * YouTube *. –

8

Bạn có thể nhìn thấy từ mã nguồn của một trang YouTube og: thẻ video có định dạng sau

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

Bạn cũng có thể xem ví dụ về các dữ liệu meta sử dụng từ YouTube đơn giản hóa trong mã nguồn của URL sau: http://fb.stevelarsen.co.uk/example.html

Bạn có thể rea d thêm về giao thức Graph mở ở đây: http://ogp.me/

+1

Lưu ý rằng các thẻ này không xuất hiện trên các video YouTube đã tắt tính năng nhúng. – Tamlyn

+1

Bạn cũng sẽ muốn sử dụng HTTPS thay vì HTTP. Các chi tiết khác trong câu trả lời của tôi http://stackoverflow.com/a/17811187/461119 –

6

Đây là những gì tôi thấy:

Sử dụng mở Graph Nghị định thư của Facebook, Nhà xuất bản bây giờ có thể sử dụng bất kỳ video từ bất kỳ URL, miễn là các URL đã được định dạng chính xác siêu dữ liệu trong < head> của HTML của nó. Dưới đây là danh sách các thông tin mà phải ở trong đầu <>:

URL hình ảnh Thumbnail của: < meta property="og:image" content="image_src URL" >
SWF URL: < meta property="og:video" content="video_src URL" >
URL trang của bạn: < meta property="og:url" content="URL" >
Title: < meta property="og:title" content="title" >
Mô tả: < meta property="og:description" content="description" >
video điểm ảnh chiều rộng: < meta property="og:video:width" content="video_width" >
Chiều cao pixel video: < meta property="og:video:height" content="name="video_height" >
Loại nội dung: < meta property="og:type" content="video" >

26

Bạn có hai tùy chọn. Bạn có thể đặt og: video thành https://www.youtube.com/v/YOUTUBECODE hoặc đặt url og: thành trang YouTube.

Trong ví dụ của mình, tôi đang nhúng video này https://www.youtube.com/v/BQBjVr1iHH4 vào trang sau https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Tôi muốn Facebook hiển thị video YouTube bất cứ khi nào có ai chia sẻ trang của tôi trên Facebook.

Lựa chọn 1: thiết lập các og: video để https://www.youtube.com/v/YOUTUBECODE

Thẻ meta sẽ trông giống như

<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' /> 

Lưu ý cấu trúc của URL YouTube là khác với URL điển hình. Bạn sẽ cần phải tách biệt truy vấn "v" khỏi liên kết YouTube và sử dụng nó trong định dạng liên kết og: video mà tôi đã trình bày ở trên. Trong ví dụ của tôi, giá trị của "v" là BQBjVr1iHH4.

Tùy chọn 2: đặt url og: thành trang YouTube.

Nếu bạn không có khả năng cách ly mã v, bạn có thể đặt thẻ og: url thành trang YouTube. Trong ví dụ của tôi, nó sẽ trông như thế này:

<meta property='og:url' content='https://www.youtube.com/watch?v=BQBjVr1iHH4' /> 

này sẽ cho Facebook để có được các thẻ Graph Mở cửa từ https://www.youtube.com/watch?v=BQBjVr1iHH4 và sử dụng rằng trong nhúng. Điều đó có nghĩa là mô tả và tiêu đề sẽ đến từ trang YouTube. Tuy nhiên, nếu ai đó nhấp vào liên kết, họ sẽ truy cập trang web của bạn.

Trong ví dụ của tôi, nếu ai đó dán liên kết sau trong khi tôi sử dụng tùy chọn thứ hai https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook sẽ thấy URL được đặt thành YouTube và truy vấn liên kết YouTube cho thông tin OG. Mọi thứ sẽ trông giống như YouTube trừ liên kết sẽ bấm vào để https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40

Một lưu ý khác: hãy chắc chắn để sử dụng https, không http. Facebook sẽ không nhúng bất kỳ video không an toàn nào trên trang web.

+0

Tôi vẫn thấy các thẻ meta này trên trang của bạn, nhưng nếu tôi đặt URL trong Facebook, tôi chỉ nhìn thấy hình ảnh xem trước của một số hình dán, chứ không phải video ... –

+1

Con số thanh là hình thu nhỏ xem trước cho video. Nếu bạn chia sẻ liên kết trên Facebook, bạn sẽ thấy hình thu nhỏ xem trước và có thể nhấp vào đó để phát video bên trong. Bạn phải thực sự chia sẻ nó để xem hiệu quả đầy đủ của nó. –

+0

Làm cho tinh thần, cảm ơn vì đã làm rõ. –

0

lần cuối: facebook thay đổi quy tắc dành cho video và bạn cần phải thay đổi url chia sẻ của bạn cho youtube video từ http đến https

0

Đối với những người vấp tại debugger được cung cấp bởi facebook xin lưu ý những điều sau:

Khi bạn đăng nhập vào trình gỡ lỗi, bạn đang trong phiên https. Để xem video của bạn trong quá trình gỡ lỗi, bạn cần phải thêm url an toàn cho video vào meta. Thêm video youtube thật dễ dàng, chỉ cần đặt url trang trong og: url và nó sẽ hoạt động.

Chi tiêu và giờ để đi đến kết luận này. Nó quá muộn Tôi quá mệt mỏi, muốn ngủ ngay bây giờ :)

Các vấn đề liên quan