ochOpenGraph (content plugin)

Manually add OpenGraph and TwitterCard meta tags to other (non-article) pages

The ochOpenGraph plugin automatically adds the OpenGraph and Twitter Cards meta tags to Joomla articles, K2 items and EasyBlog blog pages.

You can also add OpenGraph and Twitter Cards meta tags to other pages. Prerequisite is that the components that generate these pages trigger content plugins or you can use a Custom module that you assign to the specific page(s):

1. create / open the custom module
2. insert: into the module (if no image is specified, the default fall-back images will be used)
3. set the module to an active template position
4. Assign the menu items that you want to assign this custom module to
5. in the [Options tab] of the custom module set [Prepare content] = 'Yes'
6. disable caching of the module if you are using the module on different pages
7. click [Save & Close]
8. when surfing to your page on the front-end, the OpenGraph and Twitter Card meta tags will be automatically added (visible in page source)

Are you using Kunena (forum)? Due to how Kunena pages handle Custom modules you need to set caching of the custom module to off!

New in version 0.3.0: additional parameters!

Starting from version 0.3.0 you have the possibility to set additional parameters in the ochopengraph tag. You can set the following parameters giving you full control of what is being shared:

• image="path to image": this allows you to use a different image then the image in the article
• title="custom title": set a different title then the article title as the title to be used on Social Media when the page is shared
• description="custom description": set a custom description that will be used on Social Media
• force="no": when you assign the opengraph tag to e.g. a category blog menu, then all articles that are displayed in this category have the parameters from the ochopengraph tag set. When you set the parameter force="no" then the articles in the category blog will use the articles values instead of the menu values.
• type="...": Set the og:type manually (default = article)

ochOpenGraph uses default Joomla Custom Fields to provide upload and select fields for Twitter Card Custom image and OpenGraph Custom image.

1. In the Joomla Article manager add a new Fields Group:
   1. Title: e.g. ochOpenGraph
   2. Permissions: set 'Edit Custom Field Value' to 'Allowed' for group 'Author' (if you forget this, then the fields in this group will be read-only
2. In the Joomla Article Manager add a new Field for the Custom twitter Card image:
   1. Title: e.g. Twitter Card image
   2. Type: media (but this can be any image type)
   3. Configure the field to your requirements
3. Repeat step 2 for OpenGraph image
4. In the ochOpenGraph plugin goto the [Opengraph Settings] tab
5. Select the 'OpenGraph Custom image field': the field created in step 3
6. ing the ochOpenGraph plugin goto [Twitter Card Settings] tab
7. Select the 'Twitter Card Custom image field': the field created in step 2

When the Author is logged in he has a new tab when editing or creating an article. Now he is able to upload / select the image(s).

ochOpenGraph uses default Joomla Custom Fields to provide the possibility to specify a custom og:url value for an article.

1. In the Joomla Article manager add a new Fields Group:
   1. Title: e.g. ochOpenGraph
   2. Permissions: set 'Edit Custom Field Value' to 'Allowed' for group 'Author' (if you forget this, then the fields in this group will be read-only
2. In the Joomla Article Manager add a new Field for the og:url field:
   1. Title: e.g. ogURL
   2. Type: url
   3. Configure the field to your requirements
3. In the ochOpenGraph plugin goto the [OpenGraph settings] tab
4. Select the 'og:url Custom Field': the field created in step 2

When the Author is logged in he has a new tab when editing or creating an article. Now he is able to set the url that will be used in the og:url meta tag.

New in version 0.3.0: setting a custom Title for Twitter or OpenGraph metatags

ochOpenGraph uses default Joomla Custom Fields to provide the possibility to specify a custom twitter:title and / or og:title value for an article.

1. In the Joomla Article manager add a new Fields Group:
   1. Title: e.g. ochOpenGraph
   2. Permissions: set 'Edit Custom Field Value' to 'Allowed' for group 'Author' (if you forget this, then the fields in this group will be read-only
2. In the Joomla Article Manager add a new Field for the twitter:title / og:title title field:
   1. Title: e.g. ogTitle
   2. Type: text
   3. Configure the field to your requirements
3. In the ochOpenGraph plugin goto the [OpenGraph settings] tab
4. Select the 'og:title Custom Field': the field created in step 2
5. Repeat steps 3 and 4 for the [Twitter Cards settings] tab.

When the Author is logged in he has a new tab when editing or creating an article. Now he is able to set a custom title that will be used in the og:title / twitter:title meta tag.

New in version 0.3.0: setting a custom Description for Twitter or OpenGraph metatags

ochOpenGraph uses default Joomla Custom Fields to provide the possibility to specify a custom twitter:description and / or og:description value for an article.

1. In the Joomla Article manager add a new Fields Group:
   1. Title: e.g. ochOpenGraph
   2. Permissions: set 'Edit Custom Field Value' to 'Allowed' for group 'Author' (if you forget this, then the fields in this group will be read-only
2. In the Joomla Article Manager add a new Field for the twitter:title / og:title title field:
   1. Title: e.g. ogDescription
   2. Type: textarea
   3. Configure the field to your requirements
3. In the ochOpenGraph plugin goto the [OpenGraph settings] tab
4. Select the 'og:description Custom Field': the field created in step 2
5. Repeat steps 3 and 4 for the [Twitter Cards settings] tab.

When the Author is logged in he has a new tab when editing or creating an article. Now he is able to set a custom description that will be used in the og:description / twitter:description meta tag.