ochOpenGraph (content plugin)

Manually add OpenGraph and TwitterCard meta tags via the Joomla Core Menu Manager

When editing or creating a new front-end menu you will notice a new / additional 'ochOpenGraph Integration' tab.

In this tab you can configure for this menu item the following data:

• Title: The Title to use for the OpenGraph or Twittercard Metadata Tags.
• Description: The Description to use for the OpenGraph or Twittercard Metadata Tags.
• Image: The Image to use for the OpenGraph or Twittercard Metadata Tags.
• Type: The og:type to use for the OpenGraph Metadata Tags.
• Force: When you select 'Yes' the all items displayed via this menu that do not have it's own menu entry will inherit these settings.

The ochOpenGraph plugin automatically adds the OpenGraph and Twitter Cards meta tags to Extensions for which there is an integration (Currently: Joomla articlesochSubscriptions).

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 Extensions for which there is an integration (Currently: Joomla articlesochSubscriptions).

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:{ochopengraph image="https://your custom image url"} 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!

Tag parameters!

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.

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.

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.