Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. How to create a 'share' button with link to youtube-video?

Topic-icon How to create a 'share' button with link to youtube-video?

Active Subscriptions:

None
11 years 4 months ago #50437 by StefanSchoch
Hi there,

on my event-page I have embedded a youtube-video with some important marketing messages. So I want that when people share the event-page that the yotube-video is seen as an image and the link referrs to my page (with embedded video) NOT to the youtube-page.
My event-page: ic-essen.de/angebot/fortbildung-integrales-coaching.html (scroll down for the video)
When I click 'share', the sites' standard image and text is used (what is NOT what helps here).

You can see a working example of what I mean here: www.facebook.com/St.Schoch (scroll down a little to the 'U.Lab' Post. Here you can click and watch the embedded video and when you click on the link you are redirected to the EDX-page (www.edx.org/course/u-lab-transforming-bu...15-s23x#.VLzYwC5Kk7y) which has the youtube video embedded.
This is exactly what I need!

How can I achieve that?

Thx for answering
The topic has been locked.
Support Specialist
11 years 4 months ago #50441 by alzander
You'd need to add a few JFBConnect Easy-Tags to your page to set the right Open Graph data for Facebook to use. Open Graph tags are what Facebook uses to present your data in timeline feeds. Try adding the following to the article contents:
{SCOpenGraph video=http://youtube.com/LINK-To-Your-Video}
Additionally, you can set a better title, description and image for the page if you don't like what JFBConnect is automatically setting:
{SCOpenGraph title=Your great title}
{SCOpenGraph description=Great description to show for this page}
{SCOpenGraph image=http://yoursite.com/link-to-image.jpg}
Once you set the tags, use the Facebook URL Debug Tool to re-scan your page, clear their cache and update the tags. Check if there are any errors and hopefully things will work how you want.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50444 by StefanSchoch
Hi Alzander,

thx for the quick answer!
It's nearly working now. Only still an issue with the video link.
When using this link: {SCOpenGraph video=http://www.youtube.com/watch?v=WfY_sdFlIuI} the result looks good in FB, but the video doesn't start (see img1 and img2)

File Attachment:


File Attachment:


When using this link: {SCOpenGraph video=http://youtu.be/WfY_sdFlIuI} only the image is shown (no video):
File Attachment:


Any idea?

Stefan
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50445 by StefanSchoch
Hi Alzander,

thx for the quick answer!
It's nearly working now. Only still an issue with the video link.
When using this link: {SCOpenGraph video=http://www.youtube.com/watch?v=WfY_sdFlIuI} the result looks good in FB, but the video doesn't start (see img1 and img2)

File Attachment:


File Attachment:


When using this link: {SCOpenGraph video=http://youtu.be/WfY_sdFlIuI} only the image is shown (no video):
File Attachment:


Any idea?

Stefan
The topic has been locked.
Support Specialist
11 years 4 months ago #50456 by alzander
Glad we're making progress. I haven't tested with video before, so you'll have to try a few more tags to see what works. I think we'll get it soon though. Can you add the following to your page:
{SCOpenGraph video:width=1280}
{SCOpenGraph video:height=720}
{SCOpenGraph video:type=application/x-shockwave-flash}
I *think* those tags should work without issue with JFBConnect, but the : in video:height/width and the / in the type value may cause something to break. Try it and re-run the page through the Facebook Debug Tool to make sure the tags are re-fetched and let us know what happens.

Thanks,
Alex
The topic has been locked.
Support Specialist
11 years 4 months ago #50457 by alzander
Feel free to update the width/height to the dimensions of your video. I think the 'type' parameter is the most important, but the width/height can't hurt.
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50468 by StefanSchoch
Hi Alex,
it's still not working. Seems FBdoesn't like the syntax of the additional attributes:

Extraneous Property Objects of this type do not allow properties named 'video:type'.
Parser Mismatched Metadata
The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: 'og:video:secure_url, og:video:type'

Here's what I used:

{SCOpenGraph video=http://www.youtube.com/watch?v=WfY_sdFlIuI} {SCOpenGraph video:secure_url=http://www.youtube.com/watch?v=WfY_sdFlIuI} {SCOpenGraph video:type=application/x-shockwave-flash} {SCOpenGraph title=Fortbildung: 'der integrale Ansatz in Coaching & Therapie'} {SCOpenGraph description=Wenn Sie Coach, BeraterIn oder TherapeutIn sind und erfahren möchten, wie der Integrale Ansatz Ihre Arbeit vertiefen und vervollständigen kann, dann ist diese Fortbildung für Sie!} {SCOpenGraph image=http://www.ic-essen.de/images/stories/fobi.png}


My site:
ic-essen.de/angebot/fortbildung-integrales-coaching.html

Problem is, the case is REALLY URGENT now.
It's about a webinar last Friday I need to share for marketing an event that's coming soon. So every hour counts!!

Help would be appreciated!!

Stefan
The topic has been locked.
Support Specialist
11 years 4 months ago #50475 by alzander
Alright.. try this one last change which should hopefully fix things:
{SCOpenGraph og:video:width=1280} 
{SCOpenGraph og:video:height=720} 
{SCOpenGraph og:video:type=application/x-shockwave-flash}
The og: was being stripped out of the tags before and the above should re-add it back in.

Keep us posted,
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50479 by StefanSchoch
Thx again, but it still isn't working.

See yourself:
www.facebook.com/St.Schoch

The video-array is read correctly now:
{
"url": "http:\/\/www.youtube.com\/watch?v=WfY_sdFlIuI",
"type": "application\/x-shockwave-flash",
"width": 1280,
"height": 720
}
But something's still wrong...

Any idea?
The topic has been locked.
Active Subscriptions:

None
11 years 4 months ago #50480 by StefanSchoch
ah, you can't see my FB post, it's private.
If you give me your FB name, I shre it just fpr you (don't want to make the not working post public)
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. How to create a 'share' button with link to youtube-video?
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS