vzaar videos and Twitter
Embedding vzaar videos in Twitter is straightforward but there are a few steps you need to follow to ensure your videos appear as intended.
Understanding Twitter Cards
Attaching media to tweets is made possible using a Twitter feature called 'Cards'. Once set up, users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers.
Twitter provides a range of Card types (essentially templates) which you can use to ensure a positive experience for users of Twitter's web and mobile clients. e.g. a simple summary card, an application card, a player card, a product card
Before you start, be sure to read the background to Twitter cards.
Tag your pages
You tell Twitter how to handle your content by adding tags to your HTML pages. The tags are described in detail here:
Cards Markup Tag Reference
A typical set of tags might look like this:
<meta name="twitter:card" content="player">
<meta name="twitter:title" content="Twitter Sharing Test">
<meta name="twitter:description" content="It's a test dinosaur.">
<meta name="twitter:image:src" content="http://resources.vzaar.com/vzaar/vz8/39c/target/vz839cd823d0e44a0fa12d43f9c5627d1d.jpg">
<meta name="twitter:player" content="https://view.vzaar.com/1552452/player">
<meta name="twitter:player:height" content="237">
<meta name="twitter:player:width" content="384">
Obviously, the details such as the video ID will be different for your videos. This is just an example.
Once you've got your pages set up with tags, you need to run your URLs against the
Twitter validator tool
to be approved.
Note that vzaar has no control over the approval process and, in our experience, approval can take some time. Further, Player cards (which you'll typically be using) and Product cards can take additional time to approve.
After approval, tweet the URL and see the Card appear below your tweet.
Twitter provides analytics to help you measure your results. You can break down your twitter cards by card type, sources, links, etc.