Open Graph for WP

gistfile1.txt

Hi Stefan,

Thanks very much for your video.

The tags would be custom based on the page. This is an example page:

https://scts5.stageclip.com/clip/samuel-skip-creative-writing-and-english-language-communication/

The proposed Open Graph tags would be something similar to:

<meta name="author" content="https://scts5.stageclip.com">
<meta property="og:url" content="https://scts5.stageclip.com/clip/samuel-skip-creative-writing-and-english-language-communication/" />
<meta property="og:type" content="video.other" />
<meta property="og:title" content="Samuel Skip - Creative Writing and English Language & Communication - StageClip" />
<meta property="og:description" content="Check out my graduation clip! #graduation" />
<meta property="og:video:url" content="https://clipgeneratorstoragedev.blob.core.windows.net/output/leicester/eac1b658-c12e-47c1-81e1-0c513d4687b0.mp4" />
<meta property="og:video:secure_url" content="https://clipgeneratorstoragedev.blob.core.windows.net/output/leicester/eac1b658-c12e-47c1-81e1-0c513d4687b0.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
<meta property="og:image" content="https://scts5.stageclip.com/wp-content/uploads/2017/12/eac1b658-c12e-47c1-81e1-0c513d4687b0.png" />
<meta property="fb:app_id" content="414633449387412" />

The following tags are custom for each page:

og:url - obviously the url of the page
og:title - obviously the title of of the page
og:video:url - this would come from the mp4 video embedded within the page and is a defined variable within our bespoke theme
og:video:secure_url - this would come from the mp4 video embedded within the page and is a defined variable within our bespoke theme
og:image - this would come from the product image within woocommerce

Let me know if that makes sense. I'm envisioning 3 hours of work on this

Thanks,

Adam