Open Graph og: Video Meta Tags Inhalt

Ich versuche, eine Seite, die ordentlich geschabt von Facebook, wenn es shared/mochte. Die Seite wird noch ein YouTube-video mit ihm verbunden, so in das content-Attribut des og:video-tag, soll ich den YouTube-video-embed-link oder die eigentliche youtube-Seite-link auf Facebook mit der kleinen "Vorschau" - button, der spielt das video in Facebook?

Hoffe mir kann jemand helfen! Danke!

InformationsquelleAutor der Frage basicallydan | 2010-10-02

  1. 27

    Haben Sie zwei Möglichkeiten. Sie können entweder die og:video zu https://www.youtube.com/v/YOUTUBECODE oder legen Sie die og:url auf der YouTube Seite.

    In meinen Beispielen, ich bin der Einbettung dieses video https://www.youtube.com/v/BQBjVr1iHH4 auf der folgenden Seite https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 möchte ich Facebook, um zu zeigen, das YouTube-video, wenn jemand teilt meine Seite auf Facebook.

    Option 1: Einstellung der og:video zu https://www.youtube.com/v/YOUTUBECODE

    Den meta-tag Aussehen wird

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

    Beachten Sie die Struktur der YouTube-URL ist anders als die typische URL. Sie müssen zu isolieren, die "v" - Abfrage von den YouTube-link und verwenden Sie es in das og:video link-format, das ich oben zeigte. In meinem Beispiel wird der Wert "v" ist BQBjVr1iHH4.

    Option 2: Einstellung der og:url auf der YouTube Seite.

    Wenn Sie nicht die Möglichkeit haben, zu isolieren, die v-code können Sie die og:url-tag auf der YouTube-Seite. In meinem Beispiel würde es so Aussehen:

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

    Das sagt Facebook, um die Open Graph tags von https://www.youtube.com/watch?v=BQBjVr1iHH4 und verwenden Sie, dass in der einbetten. Das bedeutet, dass die Beschreibung und der Titel werden von der YouTube-Seite. Allerdings, wenn jemand auf den link klickt, werden Sie gehen, um Ihre website.

    In meinem Beispiel, wenn jemand fügt den folgenden link, während ich mit der zweiten option https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook wird die URL festgelegt ist, auf YouTube und Abfrage, YouTube-link für das OG info. Alles wird so Aussehen wie YouTube außer den link klicken, um https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40

    Einen anderen Hinweis: stellen Sie sicher, dass Sie httpsnicht http. Facebook wird nicht einbetten non-secure video auf der Website.

    InformationsquelleAutor der Antwort Michael Khalili

  2. 8

    Können Sie sehen, aus dem Quellcode der YouTube-Seite der og:video-Tags wird im folgenden format

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

    Können Sie auch sehen, ein Beispiel für die meta-Daten verwendet, die von YouTube vereinfacht den source-code der folgenden URL: http://fb.stevelarsen.co.uk/example.html

    Lesen Sie mehr über das Open Graph-Protokoll hier: http://ogp.me/

    InformationsquelleAutor der Antwort larsen161

  3. 7

    Hier ist was ich gefunden habe:

    Verwendung von Facebook ' s Open Graph-Protokoll, Publisher können jetzt jedes video von jeder beliebigen URL, wie lange die URL ist korrekt formatierte Metadaten in den < head > Bereich Ihrer HTML. Hier ist die Liste von Informationen, die sollten in den < head >:

    Thumbnail-Bild URL: < meta property="og:image" content="image_src URL" >

    SWF URL: < meta property="og:video" content="video_src URL" >

    Ihrer Seite URL: < meta property="og:url" content="URL" >

    Titel: < meta property="og:title" content="title" >

    Beschreibung: < meta property="og:description" content="description" >

    Video-pixel-Breite: < meta property="og:video:width" content="video_width" >

    Video pixel Höhe: < meta property="og:video:height" content="name="video_height" >

    Content-Type: < meta property="og:type" content="video" >

    InformationsquelleAutor der Antwort Ryan Walton

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

    Den link der .flv-Datei.... check-out https://developers.facebook.com/docs/opengraph/#types

    InformationsquelleAutor der Antwort Louy

  5. 0

    letzten Zeit:
    facebook verändert die Regeln für die video-und Sie müssen ändern, Ihre Freigabe-url für das youtube-video von http zu https

    InformationsquelleAutor der Antwort Mendyaev Nick

  6. 0

    Für diejenigen, die sich gestoßen an den debugger, zur Verfügung gestellt von facebook beachten Sie bitte die folgenden:

    Wenn Sie angemeldet sind, wird in den debugger, die Sie unter https-Sitzung. Um zu sehen, Ihr video in das debugging benötigen Sie die sichere url für das video in meta. Das hinzufügen von youtube-videos ist einfach, setzen Sie einfach die url der Seite in og:url und es wird funktionieren.

    Verbrachte und Stunden, zu diesem Schluss kommen. Seine zu spät, ich bin zu müde, will jetzt schlafen 🙂

    InformationsquelleAutor der Antwort Talha

  7. -2

    Habe ich es herausgefunden. Ich hatte einen Blick auf, wie Collegehumor.com tut es, und Sie sind ein paar Sachen nicht erwähnt, die in der Facebook-API. Anstatt nur die folgenden:

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

    müssen Sie auch link und es hilft videothumbnail und og:image zu - ich bin nicht ganz sicher, in welche man hat es aber dort gehen Sie. Das funktioniert 🙂

    InformationsquelleAutor der Antwort basicallydan

Schreibe einen Kommentar