Login

Recover Your Password

Welcome

Bring Your Vision To Life

We provide software and services that enable our customers and partners to turn advanced technology into real solutions.

What We Do

Contensive works as a team member with client partners, providing the highest level of technical competence and support in the design, production, management & lifecycle support of online applications.

api illustration
API Integration

You name it, we can integrate it

mobile development illustration
Mobile App Development

Custom mobile apps that can do everything

cloud app dev illustration
Cloud Application Development

Customized applications with the features you need

cloud host illustration
Best-In-Class Cloud Hosting

AWS platform, the leader in cloud computing

life cycle illustration
Life Cycle Management

Continuous monitoring, user support, and training

business process illustration
Business Process Automation

Streamline your operations and increase efficiencies

Let’s work on a solution to your problem today!

Process

Agile Software Development Process

Benefits

Why You Should Choose Contensive

The greatest product we offer is our experienced team and our dedication to real-world, time-tested principles: a realistic budget, a disciplined process, and enough flexibility and creativity to accommodate any requirement.

contensive favicon
Proven Development Process

Our agile scrum process allows total transparency

contensive favicon
Time Tested Principles

We follow best practices to get the best results

contensive favicon
Realistic Budget

Payment options that will help you succeed

contensive favicon
Expertise

30+ year history of customer success and profitability

contensive favicon
Talented Team Members

Each developer has disparate skill sets & decades of experience

Experience

Contensive’s Experience

Contensive provides software and services that enable our customers and partners to turn advanced technology into real solutions.

100k+

e-commerce transactions a month

1st

Website allowed in the chamber of US Supreme Court

8 years

Average relationship with client

600+

Websites and applications created

30+

years of experience

300k+

People visiting our applications

Contact Us

Questions?
Call Us (703)-251-0624

Tech Support
support@contensive.com

Return to Product Support > Learning Center > Managing Add-ons > Add-on List and Instructions for Use > Open Graph Meta Tags

Open Graph Meta Tags

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 or Share button on your page, Facebook creates a short summary of the page within their feed. You may also copy and paste a link from your website to a page on your Facebook account. 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.

To learn more about how Open Graph is integrated into Facebook, click here.

To setup the Open Graph system on your site

  • Login and click on ADMIN, MANAGE ADD-ONS, and then OPEN GRAPH META TAGS. Next click on OPEN GRAPH 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 lose 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 clicking 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.
    • On 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 Page Content record has a Page Thumbnail (Features Tab) set in the record, this image will be sent out in the Open Graph META tag. If no Page Thumbnail 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.
NOTE: The image must be at least 200 pixels by 200 pixels. 

To setup the Open Graph META tags for a page

  • Login, turn on Edit and click the edit icon for the page.
  • On the features tab, upload an image for the Page Thumbnail
  • On the Meta Content tab, set the page title and meta description.

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.

Integrating the Open Graph Addon in Other Addons

The open graph addon sets the open graph meta tags using two processes. At the beginning of the page it sets several document properties. Then at the end of the page it sets the respective meta tags using those document properties.

If an addon wants to set open graph tags, it just needs to set the document properties when it runs, over-riding the values set.  An example might be a blog or article list where the entire addon is on one page, but each article needs it's own URL and Facebook like.

Determine the page's LinkAlias using cp.doc.getPageLink() with the querystring needed.

The page properties are as follows:

  • cp.doc.setproperty( "Open Graph URL", (the custom URL for this page))
  • cp.doc.setproperty( "Open Graph Title", (Title for this page or article) )
  • cp.doc.setproperty( "Open Graph Description", (Description) )

These values will then be used