it-swarm.com.de

Geöffnete Grafik zu: Video-Meta-Tags

Ich versuche, eine Seite einzurichten, die von Facebook ordnungsgemäß gelöscht werden kann, wenn diese freigegeben/geteilt wird. Der Seite wird ein YouTube-Video zugeordnet. Wenn Sie also den Link zum Einbetten des YouTube-Videos oder den Link zur aktuellen YouTube-Seite einfügen, wird dieser mit dem kleinen "Vorschau" -Button auf Facebook angezeigt spielt das Video in Facebook?

Hoffe, jemand kann helfen! Vielen Dank!

27
basicallydan

Sie haben zwei Möglichkeiten. Sie können entweder den og:video auf https://www.youtube.com/v/YOUTUBECODE setzen oder den og:url auf die YouTube-Seite setzen.

In meinen Beispielen binde ich dieses Video ein https://www.youtube.com/v/BQBjVr1iHH4 auf der folgenden Seite https://www.keithandthegirl.com/vip/ Bonus/Folge/9/40/this-is-4 . Ich möchte, dass Facebook das YouTube-Video anzeigt, wenn jemand meine Seite auf Facebook teilt.

Option 1: Setzen Sie den og:video auf https://www.youtube.com/v/YOUTUBECODE

Das Meta-Tag wird so aussehen

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

Beachten Sie, dass die Struktur der YouTube-URL von der typischen URL abweicht. Du musst die "v" -Abfrage vom YouTube-Link isolieren und im oben gezeigten og:video -Link-Format verwenden. In meinem Beispiel ist der Wert von vBQBjVr1iHH4.

Option 2: Setzen Sie den og:url auf die YouTube-Seite.

Wenn Sie nicht in der Lage sind, den v Code zu isolieren, können Sie das og:url Tag für die YouTube-Seite festlegen. In meinem Beispiel würde das so aussehen:

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

Dadurch wird Facebook angewiesen, die Open Graph-Tags von https://www.youtube.com/watch?v=BQBjVr1iHH4 abzurufen und diese in der Einbettung zu verwenden. Das heißt, die Beschreibung und der Titel stammen von der YouTube-Seite. Wenn jedoch jemand auf den Link klickt, wird er zu Ihrer Website weitergeleitet.

In meinem Beispiel, wenn jemand den folgenden Link einfügt, während ich die zweite Option benutze https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-4 Facebook wird Sehen Sie, ob die URL auf YouTube eingestellt ist, und fragen Sie den YouTube-Link nach den OG-Informationen ab. Alles wird wie YouTube aussehen, außer der Link wird zu https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is) klicken -4

Ein weiterer Hinweis: Verwenden Sie unbedingt https , nicht http . Facebook wird kein nicht sicheres Video auf der Website einbetten.

33
Michael Khalili

Aus dem Quellcode einer YouTube-Seite ist ersichtlich, dass das Tag og:video das folgende Format hat

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

Ein Beispiel für die von YouTube verwendeten Metadaten finden Sie vereinfacht im Quellcode der folgenden URL: http://fb.stevelarsen.co.uk/example.html

Weitere Informationen zum Open Graph-Protokoll finden Sie hier: http://ogp.me/

8
larsen161

Folgendes habe ich gefunden:

Mithilfe des Open Graph-Protokolls von Facebook kann Publisher jetzt jedes Video von einer beliebigen URL verwenden, sofern die URL Metadaten im HTML-Code <head> korrekt formatiert hat. Hier ist die Liste der Informationen, die im <head> enthalten sein sollten:

  • URL der Miniaturansicht:

    <meta property="og:image" content="image_src URL">
    
  • SWF-URL:

    <meta property="og:video" content="video_src URL">
    
  • URL Ihrer Seite:

    <meta property="og:url" content="URL">
    
  • Titel:

    <meta property="og:title" content="title">
    
  • Beschreibung:

    <meta property="og:description" content="description">
    
  • Videopixelbreite:

    <meta property="og:video:width" content="video_width">
    
  • Videopixelhöhe:

    <meta property="og:video:height" content="name="video_height">
    
  • Inhaltstyp:

    <meta property="og:type" content="video">
    
7
Ryan Walton
<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>

Der Link zur FLV-Datei ... check out https://developers.facebook.com/docs/opengraph/#types

4
Louy

Für diejenigen, die über den von Facebook bereitgestellten Debugger gestolpert sind, beachten Sie bitte Folgendes:

Wenn Sie im Debugger angemeldet sind, befinden Sie sich in der https-Sitzung. Um Ihr Video im Debugging anzuzeigen, müssen Sie die sichere URL für das Video in Meta hinzufügen. Das Hinzufügen von YouTube-Videos ist einfach. Fügen Sie einfach die Seiten-URL in og: url ein, und es wird funktionieren. 

Verbrachte und Stunde, um zu diesem Schluss zu kommen. Es ist zu spät, ich bin zu müde, will jetzt schlafen :)

0
Talha