Facebook does not allow embed code from any outside platform to work inside of Facebook. They drive people to upload content directly to Facebook. Due to these restrictions, Spotlightr videos are shareable via a link inside of Facebook.
We use our Watch page for this function.
This means that you can post a link to your Watch page which will create a thumbnail image that will click-thru to your Watch page. So when a viewer clicks on your Spotlightr post (image) he is automatically redirected to your Watch Page.
This article will describe the image and headline and description that is used when sharing that Watch page link ONLY and how to change it for social media sharing. If you are sharing a URL to a page from your own website on social media that has a Spotlightr video embedded, then Facebook and other social media will use different rules on which image is used and what other info is added to the shared link. We are not covering that in this article. Again, this article will describe only how it works when sharing your Watch page.
Image Used When Sharing
As far as the image used for sharing, Facebook will use either (1) the video thumbnail or (2) the defined meta data to know which image to use inside of Facebook when you share your video's Watch page.
Let's take a look at the ways this can be configured.
1 - Using Your Video Thumbnail
When you add a video to Spotlightr, we will add a thumbnail to your video by default by using the frame at the first second of your video. This will then by default be used as the image when you share a video on Facebook.
You can see the thumbnail being used by navigating to Appearance & Style >> Custom Thumbnail.
In this example, we have a video of a surfer and, as mentioned previously, the thumbnail being used is the first second of the video. You can see that here:
You can easily change that thumbnail to whatever you'd like. For full instructions on changing the thumbnail, please follow the instructions in this article.
In this example I have changed it to the frame at the :25 second mark of the video:
Now if I go to Facebook and share my Watch page, it should use this newly created thumbnail.
If Facebook is still using the old thumbnail and not the new one you created, follow these directions:
Go to the Facebook debugger page: https://developers.facebook.com/tools/debug/
Enter the URL of you Watch page and click the Debug button:
You will see your old thumbnail there. Now, click on the Scrape Again button:
Now you should see your new thumbnail:
Now when I paste my Watch page into Facebook, it will show my newly created thumbnail:
2 - Social Share & SEO Metadata
The second way to change the image used when sharing on Facebook is to configure the metadata used. We use the Social Sharing & SEO Metadata feature to configure this.
This feature is also used to configure the Headline and Text that appears when you share on Facebook.
To edit the image that is used when you share your Watch page on Facebook, as well as the headline and description of your post/image, just navigate to Video Settings >> Social Sharing & SEO Metadata.
Here is what those settings look like by default.
For more information on changing these Social Sharing fields for sharing on Facebook, as well as info on the SEO Optimization and Video Share Widget options, please check this article on all of the Social Sharing & SEO Metadata settings.
Here's what each of these fields mean and what they look like inside of Facebook.
Share Link - This is the link you share in social media. When shared it will typically show an image as well. So this link will be the the destination page when that image is clicked. As mentioned above, this is set to your Watch page.
Share Headline - By default this is the title of the video. This is text that shows in large font underneath your image. This can be changed.
Share Text - The text that shows underneath your Share Headline (also called the description). By default it's blank, but you can add whatever you'd like.
Share Image - The image that displays when you share your link. By default this field will be blank and the thumbnail that is set to your video will be used. So if you want to use something other than the thumbnail then you would add the image to this field. If you are OK with the thumbnail being used then leave this field blank.
Again, as mentioned above, please see the article on Social Sharing & SEO Metadata for more information on editing these fields.