Abrir gráfico og: video Contenido de las etiquetas Meta

Estoy tratando de configurar una página que pueda ser copiada correctamente por Facebook cuando se comparta/gustó. La página tendrá un video de YouTube asociado, así que en el atributo de contenido de la etiqueta og: video, ¿debo colocar el enlace de video de YouTube o el enlace de la página de youtube para que aparezca en Facebook con el pequeño botón "Vista previa" que reproduce el video en Facebook?Abrir gráfico og: video Contenido de las etiquetas Meta

Espero que alguien pueda ayudar! ¡Gracias!

Fuente

2010-10-02 basicallydan

hay algún cambio en la implementación de la etiqueta og. Estoy tratando de implementar la misma etiqueta og que se utilizó anteriormente, pero solo agrega la descripción pero sin opción de reproducción, cuando hace clic en él redirige a la url. – NetStarter

-2

Me di cuenta. Eché un vistazo a cómo Collegehumor.com lo hace e incluyen un montón de cosas que no se mencionan en la API de Facebook. En lugar de simplemente la siguiente:

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

también necesita link rel="video_src" y esto ayuda a tener videothumbnail y og:image también - No estoy del todo seguro de que uno lo hizo pero hay que ir. Eso funciona :)

Fuente

2010-10-04 14:16:10 basicallydan

Entonces, ¿qué terminaste poniendo en la etiqueta ''? ¿La URL de YouTube? Además, ¿qué has puesto en la etiqueta 'video_src'? –

Daniel Hough, realmente no respondió su pregunta aquí ... No especificó qué URL utilizó para la fuente de video. –

La url que utilicé, si no recuerdo mal, era la URL del archivo flv. – basicallydan

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

El enlace del archivo .flv .... echa un vistazo a https://developers.facebook.com/docs/opengraph/#types

Fuente

2011-04-12 16:24:40 Louy

Esto se vincula a un archivo de video flv alojado, pero ¿qué ocurre si queremos compartir un video de youtube? –

Esto no responde a la pregunta de cómo asociar un video * YouTube *. –

Se puede ver en el código fuente de una página de YouTube del og: Etiqueta de vídeo está en el siguiente formato

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

también puede ver un ejemplo de los metadatos utilizados de YouTube simplificado en el código fuente de la siguiente URL: http://fb.stevelarsen.co.uk/example.html

puede rea d más información sobre el protocolo Open Graph aquí: http://ogp.me/

Fuente

2012-01-23 15:40:29 larsen161

Tenga en cuenta que estas etiquetas no están presentes en los videos de YouTube con incrustación inhabilitada. – Tamlyn

También querrá usar HTTPS en lugar de HTTP. Más detalles en mi respuesta http://stackoverflow.com/a/17811187/461119 –

Esto es lo que encontré:

mediante el protocolo Open Graph de Facebook, editor puede ahora utilizar cualquier video de cualquier URL, siempre y cuando la URL ha metadatos con formato correcto en el < encabezado> de su HTML. Aquí está la lista de información que debería estar en el < head>:

URL de la imagen en miniatura: < meta property="og:image" content="image_src URL" >
SWF URL: < meta property="og:video" content="video_src URL" >
de su página URL: < meta property="og:url" content="URL" >
Título: < meta property="og:title" content="title" >
Descripción: < meta property="og:description" content="description" >
vídeo de píxeles ancho: < meta property="og:video:width" content="video_width" >
altura de píxel de video: < meta property="og:video:height" content="name="video_height" >
Tipo de contenido: < meta property="og:type" content="video" >

Fuente

2012-12-14 00:45:58

Tiene dos opciones. Puede configurar og: video en https://www.youtube.com/v/YOUTUBECODE o configurar og: url en la página de YouTube.

En mis ejemplos, estoy incrustando este video https://www.youtube.com/v/BQBjVr1iHH4 en la página siguiente https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Me gustaría que Facebook muestre el video de YouTube cada vez que alguien comparta mi página en Facebook.

Opción 1: Configuración de la og: vídeo a https://www.youtube.com/v/YOUTUBECODE

La etiqueta meta se verá como

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

Aviso la estructura de la URL de YouTube es diferente a la URL típica. Deberá aislar la consulta "v" del enlace de YouTube y usarla en el formato de enlace de og: video que mostré arriba. En mi ejemplo, el valor de "v" es BQBjVr1iHH4.

Opción 2: configurar el og: url en la página de YouTube.

Si no tiene la capacidad de aislar el código v, puede establecer la etiqueta og: url en la página de YouTube. En mi ejemplo, se vería así:

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

Esto le indicará a Facebook para obtener las etiquetas Open Graph de https://www.youtube.com/watch?v=BQBjVr1iHH4 y el uso que en el embed. Eso significa que la descripción y el título vendrán de la página de YouTube. Sin embargo, si alguien hace clic en el enlace, irá a su sitio web.

En mi ejemplo, si alguien pega el siguiente enlace mientras uso la segunda opción https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 Facebook verá que la URL está configurada en YouTube y consulta ese enlace de YouTube para la información de OG. Todo se verá como YouTube excepto el enlace haga clic para https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40

Otra nota: asegúrese de usar https , no http. Facebook no insertará ningún video no seguro en el sitio.

Fuente

2013-07-23 13:11:04

Aún veo estas metaetiquetas en su página, pero si pongo la URL en Facebook, solo veo una vista previa de la imagen de algunas figuras de palitos, no el video ... –

The stick figures es la miniatura de vista previa para el video. Si comparte el enlace en Facebook, debería ver la miniatura de vista previa y poder hacer clic en él para reproducir el video. Tienes que compartirlo para ver el efecto completo de él. –

Tiene sentido, gracias por aclarar. –

última vez: Facebook cambió las reglas para vídeo y hay que cambiar la URL de su acción por video de youtube de http a https

Fuente

2013-12-16 11:12:56

Para los que tropezó en el depurador proporcionado por Facebook Tenga en cuenta lo siguiente:

Cuando inicia sesión en el depurador, se encuentra en la sesión https. Para ver su video en la depuración, necesita agregar la URL segura para video en meta. Agregar videos de youtube es fácil, simplemente coloque la url de la página en og: url y funcionará.

Pasado y hora de llegar a esta conclusión. Es demasiado tarde, estoy demasiado cansada, quiero dormir ahora :)

Fuente

2014-05-09 17:26:31 Talha

Abrir gráfico og: video Contenido de las etiquetas Meta

Respuesta

Cuestiones relacionadas