Skip to content

Instantly share code, notes, and snippets.

@shtefcs
Created November 5, 2019 21:53
Show Gist options
  • Save shtefcs/a4a17bb50287ac2617a891b588bb5b0f to your computer and use it in GitHub Desktop.
Save shtefcs/a4a17bb50287ac2617a891b588bb5b0f to your computer and use it in GitHub Desktop.
Open Graph for WP
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment