Integrate Facebook Sharing Tags with ViewMedica

You can add Facebook OpenGraph sharing tags to your web page to improve the information used when a ViewMedica video is shared. By default, ViewMedica will only share a link to the page its embedded on. However, after adding a few OpenGraph tags, it will share a title, description and thumbnail as well.

First, gather the required information from the Installation Page of your ViewMedica account. We’ll need the video’s title, description, and thumbnail URL. Now, use this information to build the appropriate tags in your web page. You could also use a WordPress plugin to help manage the tags on your page.

The title of the selected and highlighted with the cursor. The item description is selected and highlighted with the cursor. The thumbnail for the video is also available.

Here is a sample webpage with the recommended OpenGraph tags:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html>
<head>
<meta property="og:title" content="Arthroscopic Debridement of the Elbow" />
<meta property="og:type" content="website" />
<meta property="og:description" content="During this outpatient procedure,
the surgeon examines the inside of the elbow joint with a camera called an
arthroscope. The surgeon identifies and corrects problems with the bones,
ligaments and tendons of the elbow." />
<meta property="og:image"
content="https://viewmedica.com/assets/thumbs/arthrodebridement_300.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="223" />
</head>
<body>
<!-- ViewMedica Embed Start -->
<div id="A_bc542cd8"></div>
<script type="text/javascript"
src="https://viewmedica.com/js/vm.js"></script>
<script type="text/javascript">
client="XXXX";
openthis="A_bc542cd8";
width=720;
vm_open()
s</script>
<!-- ViewMedica Embed End -->
</body>
</html>

After you place these tags, you should use the Facebook Sharing Debugger to pre-cache your content and ensure that your tags are working correctly. This will mean that the next time a user shares a link to your website, Facebook already has the required assets. You can find more information about sharing best practices on the Facebook website.

A Facebook opengraph tag rendered from the metatag.