Using Open Graph with Newsletters
Story will be used in place below to describe a story within a newsletter. Specific newsletters have their story content named as follows:
- National Newsletter Story Content: Newsletter Issue Pages
- chc Elert National Story Content: Elert National Stories
- chc Elert Affiliate Story Content: Elert Affiliate Stories
Installing the Open Graph Meta Tag add-on creates the meta tags used by Facebook to summarize a page on a site.
When a site user clicks the Facebook Like button on your page, Facebook creates a short summary of the page within their feed. This information (headline, text, image) come from these meta tags.
Once installed, pages maintain its specific set of META tags automatically from information set on the page record. On any story page within the CHC versions of the newsletter, META tags are created based on the story record.
To learn more about how Open Graph is integrated into Facebook, click here.
To setup the Open Graph system on your site
- After installing the Open Graph Meta Tag add-on, click on Open Graph Settings in the admin site under settings
- On the Facebook tab, Set the Facebook Admins field. This can be comma separated list of Facebook Admin Ids. To get your Facebook ID follow the instructions in this video. A Facebook Admin is allowed to do the following:
- Without this property you'll loose admin right on the Open Graph Facebook Page
- When users likes your website's page, it'll generate an Open Graph Facebook Page : When users will try to go on it (by cliking on publications, or searching), it will redirect to your website's page.
- Publish status updates to users news feed, create events, or add pictures related to this page.
- On the Open Graph tab, set the Site Name field. This site name is a human-readable name for your site that is sent out in every open graph meta tag.
- One the Open Graph tab, set the Default Page Image. An image is required by Facebook to use Open Graph META data from a page. If a Story record has a Social Media Image set in the record, this image will be sent out in the Open Graph META tag. If no image is set, the META tag will include the Default Page Image uploaded on the Open Graph Settings form. If neither the Page Thumbnail nor the Default Page Image is detected, the standard Contensive logo is sent out in the Open Graph META tag.
To setup the Open Graph meta tags for a page
- Login, turn on Edit and click the edit icon for the Story.
- On the Details tab, upload a Social Media Image for the Story Thumbnail
- the Title and description used in the Open Graph META tags are the Name and the Brief from the Story record.
Clearing the Open Graph cache for a page on Facebook
Once Facebook pulls in Open Graph META data for a page, it is cached. That cache will reflect any META data collected until it is cleared. Anytime META data that contributes to the Open Graph META tags of a page is changed, the cache must be cleared in order for those changes to appear. Facebook has provided the following tool that will both debug your Open Graph META data as well as clear its cache for a single page. Click here to access Facebook's debugging tool.