I am launching an app today, and would like to share it on Facebook. I also have a video I have made to go along with it to use as promo. Is it possible to have a video embedded in the post, that then links to the app store link? I assume this is using meta, I have tried using:
og:title,og:site_name,al:ios:app_name,og:video:url,al:ios:app_store_id
Take a look at the Open Graph specification for the correct OG tags: http://ogp.me/#type_video
There is also an example if you scroll up:
<meta property="og:video" content="http://example.com/movie.swf" />
<meta property="og:video:secure_url" content="https://secure.example.com/movie.swf" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />
Related
I'm interested in sharing embedded content on social media. My goal is to allow real estate agents to share a slide show of a house they're selling, and to this end I'd really like to be able to embed content rather than linking back to it.
A great example of what I want to do is here, on the authorStream facebook page.
How are they embedding this content? Do they have some deal with facebook?
If you're interested in how they did this, I recommend you use the OpenGraph Debugger and observe the tags they added to their page to make this content visible in this form. Here's a sample:
<meta name="og_site_name" property="og:site_name" content="authorSTREAM" />
<meta property="og:title" content="15 Steps to Prepare for an Interview -Sachin Karpe " />
<meta property="og:description" content="Sachin Karpe shares few steps before you walk for an interview.- authorSTREAM Presentation" />
<meta property="fb:admins" content="632248145" />
<meta property="fb:app_id" content="26672622939" />
<meta property="og:image" content="http://authorstream.s3.amazonaws.com/content/2177074_635379786451345000.jpg" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://www.authorstream.com/Presentation/sachinkarpe-2177074-15-steps-prepare-interview-sachin-karpe/" />
<meta property="og:video" content="http://www.authorstream.com/Player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:secure_url" content="https://www.authorstream.com/player.swf?p=2177074_635379786451345000&r=1&pt=3&fb=1&mb=1&nb=1&pl=as&ap=0&c=#dfdfdf&fi=1" />
<meta property="og:video:height" content="402" />
<meta property="og:video:width" content="481" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
Last, you could check the Open Graph Get Started documentation from Facebook
I looked on how to share a video from my website on facebook like youtube
And comment there but no answer
My web site is www.wise-event.co.il and my meta tags:
<meta property="og:site_name" content="Wise Event - הדרך החכמה לניהול הערב" />
<meta property="og:title" content="Wise Event - ניהול אירועים ומוזמנים בסמרטפון" />
<meta property="og:type" content="video" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:height" content="281" />
<meta property="og:video:width" content="500" />
<meta property="og:video" content="http://vimeo.com/moogaloop.swf?clip_id=97653968" />
<meta property="og:video:secure_url" content="https://vimeo.com/moogaloop.swf?clip_id=97653968">
<meta property="og:image" content="http://www.wise-event.co.il/Content/img/WE/logo-final.png" />
<meta property="og:url" content="http://www.wise-event.co.il" />
<meta property="og:description"
content="אנו גאים להציג את מערכת Wise Event, המספקת נתונים לפני, בזמן ואחרי האירוע אודות האורחים, יוצרת מאגר לקוחות, ומנהלת את זרימת הקהל פנימה. " />
<meta name="author" content="Wise Event">
tried:
regular url supplied by vimeo... no luck
debug it using the facebook developer debugger - no warnings
Why is it still brings the image instead of the video?
In fact, your code works as shown on the Facebook object debugger : https://developers.facebook.com/tools/debug/og/object?q=http://www.wise-event.co.il
The last part says it's a video with the good attributes of the video. The reason you think there is an error is because the Share Preview doesn't show a video, but if you try to actually share your url you can see the video as show here :
I have successfully posted videos on facebook using jwplayer and make it playable on facebook like youtube.
Here is my code-
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="260" />
<meta property="og:video:width" content="420" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" name="title" content="Drunk Guy Runs Over Flower Girl"/>
<meta property="og:description" name="description" content="This is a fail! Mayb he's!"/>
<meta name="keywords" content="Drunk, Guy, Runs, Over, Flower, Girl, "/>
<meta property='og:image' content="http://site.com/video_upload/video_imgs/big_1467487783.jpg" />
<meta property="og:video:secure_url" content="https://player.longtailvideo.com /player.swf?file=http://site.com/video_upload/big_1467487783.mp4&image=http://site.com/images/logo.png&autostart=true&advertising: {client:'vast',schedule: { myPreroll: { offset: 'pre',tag: 'http://xp122.zedo.com/jsc/c2/fns.vast?n=2135__amp__c=109/1__amp__d=22__amp__s=1__amp__v=vast2__amp__pu=__page-url____amp__ru=__referrer____amp__pw=__player-width____amp__ph=__player-height____amp__z=__random-number__'}}}" />
<meta property="og:video" content="http://player.longtailvideo.com/player.swf?file=http://site.com/video_upload/big_1467487783.mp4&image=http://site.com/images/logo.png&autostart=true&advertising: {client:'vast',schedule: { myPreroll: { offset: 'pre',tag: 'http://xp122.zedo.com/jsc/c2/fns.vast?n=2135__amp__c=109/1__amp__d=22__amp__s=1__amp__v=vast2__amp__pu=__page-url____amp__ru=__referrer____amp__pw=__player-width____amp__ph=__player-height____amp__z=__random-number__'}}}" />
My issue is:
How to send pre/post roll ads on facebook so that it can play on facebook as it plays in my website which most probably needs to send through "og:video" tag
Related Issue
In Longtail, ads get stripped from Facebook embeds.Facebook do not support ads from Longtail.whereas You need to create a facebook app and pass ad tags like Youtube ads are working.
Yes, it is possible, but you need to use config tag instead of ?file=
Like this:
http://player.longtailvideo.com/player.swf?config=
And add your video and ads tag in config file.
Wanted scenario:
people link to my website via Facebook
open graph data pops up (name, description, thumbnail, ...) (which works)
when you click the thumbnail a youtube video plays (which doesn't work)
Facebook seems to know that there is a video to be played, but doesn't want to go through with it.
My code:
<meta property="og:image" content="<url>" />
<meta property="og:site_name" content="<name>" />
<meta property="og:description" content="<description>" />
<meta property="og:video" content="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta property="og:video:width" content="560" />
<meta property="og:video:height" content="315" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<link rel="video_src" href="http://www.youtube.com/v/S3_AwK3ujQI&fs=1" />
<meta name="video_type" content="application/x-shockwave-flash" />
<meta name="video_width" content="560" />
<meta name="video_height" content="315" />
What seems to be wrong? I read somewhere that the solution has to do something with SSL, but since I link to a external YouTube video that shouldn't be the case; or is it?
You also need an og:picture. Using https for the video url will let it play for people who have Facebook on secure. Go to a youtube page and check out what they're using for og tags.
I have a player both in Flash as well the same in HTML5 version. I am calling a page through iframe which detects the browser and device and loads the player accordingly and it is working fine.
Before the HTML5 version of the player I was able to share the Flash player to Facebook. But how do we make it workable with HTML5 player? If I share the iframe page it doesn't work nor the video doesn't play.
I find that youtube is able to do the same what we require, please advice and help how to accomplish the requirements.
Check the section corresponding to audio and video data on the open graph documentation page.
You will need to add the following open graph tags to the resource page as given in the documentation.
<html xmlns:og="http://ogp.me/ns#">
<head>
...
[REQUIRED TAGS]
<meta property="og:video" content="http://example.com/awesome.swf" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:secure_url"
content="https://secure.example.com/awesome.swf" />
<meta property="og:video" content="http://example.com/html5.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="http://example.com/fallback.vid" />
<meta property="og:video:type" content="text/html" />
...
</head>