to the tippy ↑

Wistia and Social Sharing

Social Media can drive some serious ROI if done right. Vehicles like Facebook and Twitter can be used to spread a business message effectively, especially if delivered in an easy to consume and share way. The best way to do that is with video - it's perfect for social media attention spans, so it tends to 'travel' better than blocks of text.

Now that you've got your video uploaded to Wistia, how do you share it and track the performance on Social Media sites? This tutorial will help. The two services we're focused on here are Facebook and Twitter.

 

Twitter

Twitter is, frankly, the bee's knees. We've developed a bunch of cool functionality around Twitter, like our Twitter Follow Lab and Sharing to Twitter functionality.

Sharing Wistia Content from Your Account With Twitter Cards

Twitter's Twitter Card functionality is pretty slick - you can now play media from accepted sites inside of the Twitter stream. Super useful, as it doesn't require leaving the Twitter stream to view your video. Well guess who got Twitter Card approval? That's right. We did!

So, you're asking, how can I take advantage of this awesome-ness? Here we go:

Open up the media in your account that you want to share in your Twitter feed. From the Video Actions menu, select Embed & Share.

In the Embed & Share window, select the Social Sharing area at the top. If you don't have a description for your video yet, we will include a line recommending you do so. Descriptions show up on the Twitter cards, which makes them pretty useful for setting context for your viewers and piquing their interest.

Note

If your Project is currently set to Locked, you will be prompted to switch it to Unlocked. This means viewers who click through the link will be able to watch your video.

After you click the Tweet button, the Twitter modal will appear (you may be asked to login). The default tweet text is the name of the media and the description.

Once you confirm that you want to tweet the link out, check your feed! It's like Christmas morning, except instead of presents you get your video content in your Twitter feed.

Twitter Handle

Want to make sure your videos always get the Twitter credit they deserve? Of course you do!

If you'd like to associate your Wistia account with your Twitter handle, just head into Account Settings and then click Account. Heads up, you'll need to be logged in as the Account Owner to pull this off!

Scroll to the Twitter Handle heading and enter your username.

Make sure you scroll all the way down to the bottom of the Account page and hit Save Settings.

Now any time anyone tweets one of Bobby's videos, his Twitter account will be referenced. More Twitter follows for Bobby! Yay!

Facebook

Note

Unfortunately, many of the features of Customize (such as Turnstile, Call to Action, and Captions) do not work inline in Facebook.

Facebook embeds show up right in your news feed. Your followers can click to play the video in the feed, or click through the link to watch the video in your Wistia account.

First, open the media in your account and make sure it has a description! If it doesn't currently have a description, hover under the title and select Add a Description to get started.

Select Embed & Share under the Video Actions menu. In the Embed & Share window, select the Social Sharing option at the top.

Copy the URL from the Link box, and enter it in Facebook's Status Update. The video thumbnail and description will be pulled in and ready to share!

Once you share the update, viewers can watch the video inline in the Facebook news feed.

Note

Wistia videos won't play inline in the Facebook mobile app; they'll open in a web page in a new panel.

The Facebook Like Button

If you've turned on the Social Bar for your video, you might be wondering what all those Likes next to the Facebook button mean. Those Likes are attributed to the page where your video lives, not the video itself. You can enter a different URL for those Likes to be attributed to on the Social Bar tab of the Customize Panel for your video.

Let's take Jeff's Lemonade as an example. If Jeff added the Facebook Like button to the Onboarding video, anytime someone Likes it, the Likes would be attributed to that Wistia help page. If Jeff decided that he wanted those Likes to be going to his Jeff's Lemonade site instead, he could change the URL in the Social Bar tab of his video's Customize Panel. This way anyone pressing the Like button would be Liking the Jeff's Lemonade site instead of the Wistia help page containing the video.

You can read more about customizing the Social Bar on our Customizing Your Video help page!

Updating Your Thumbnail on Facebook

Sometimes you're just not happy with the thumbnail that displays for your video, it happens to all of us. So you head to the Customize panel and update that beautiful thumbnail. Super easy, right?

But when you go to Facebook the new thumbnail doesn't show up for your video no matter how many times you reload the page or repost the video. Bummer!

Stay calm, video friend. The good news is that we've got a solution: The Facebook Debugger!

The Facebook Debugger allows you to input your video's URL so that Facebook will re-scrape it for its metadata (like the video thumbnail). When you share content on Facebook, the shared page often contains Open Graph tags that tell Facebook which information about your video to display for your post. OG tags include your thumbnail, as well as things like the title and description.

The problem with updating your thumbnail is that Facebook will only automatically re-scrape this information every 30 days. When you put your video's URL into the Facebook Debugger, you are letting Facebook know that it should re-scrape your video's metadata. This will update its cache for your video and display your cool new thumbnail. 👍

Posting to Facebook from Your Website

Alert

Be aware, this is technical territory!

Maybe you want to post to Facebook, but you want it to point back to your website? If so, you can use the OpenGraph tags we produce for 'public' videos to accomplish this. Facebook uses the OpenGraph tags to specify which media/content from the website should be posted.

To do this, first embed the video on your website. Make sure your Project is unlocked, and add a description (descriptions are covered in the video above).

View the source on the media page, and look for all of the tags of the form

<meta content="..." property='og:xxxxxx'> (there should be ~8 of these tags)

Here's a screenshot:

These are the OpenGraph tags we have created for your video. You will need to change the og:url tag to be the URL of the page where you have embedded the video (and are putting the OpenGraph tags).

Add these to the head of your website, and then share the URL of that page on Facebook.

You're good to go!

Link to a Specific Time

Want your video to start a specific time? Leo's here to help!

 

To share your video at a specific time navigate to the Embed and Share modal under the Video Actions menu. In the Embed & Share window, select the Social Sharing option at the top. Under the URL you'll see an option to "Link to a specific time." Clicking the box will automatically link to wherever you've paused the video. You can also manually edit the time stamp.