Social Media Collection
Add the Social Media Collection to your site to provide Facebook likes, show who has liked a page, update your tweets or display your tweets from your account, or any account.
- 1 How to Install the Social Media Collection
- 2 How to Add The Facebook Like to a Webpage
- 3 Open Graph Meta Tags Tab
- 4 To setup the Open Graph system on your site
- 5 To setup the Open Graph META tags for a page
- 6 Clearing the Open Graph cache for a page on Facebook
- 7 How to Configure the Twitter Add-On
- 8 How to Add A List of Tweets to a Webpage
- 9 How to Add New Tweets
How to Install the Social Media Collection
Click here for information on Installing Add-Ons.
How to Add The Facebook Like to a Webpage
Go to the webpage where you want your LIKE button to appear. Login and click EDIT and then click on the paper/pencil icon. Put your cursor in the Copy section and click on the FACEBOOK LIKE add-on from the drop down list.
After you return to the page, you will see a LIKE button, which a user can click to like the page, a SEND button, which allows a user to share the page with others, and information on who has liked the page.
When you click on the Facebook LIKE, you should see the headline and description for the page, with an image. It will use the page's thumbnail if it exists. If not, it will use the site's default image loaded in the Social Media settings. A description on how to upload the image is provided below.
Open Graph Meta Tags Tab
Open Graph Meta Tags create 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 setup the Open Graph system on your site
Login and click on ADMIN, MANAGE ADD-ONS, and then SOCIAL MEDIA. Next click on SOCIAL MEDIA 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.
- 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. In this tab you will also 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 here. 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.
- 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 a tool at the following link that will both debug your Open Graph META data as well as clear its cache for a single page.
How to Configure the Twitter Add-On
Configuration is only necessary if you plan to add tweets from your site. Otherwise add tweets directly from Twitter.
To configure the Twitter Add-on, login as an administrator. Click on ADMIN HOME. From the menu on the left click MANAGE ADD-ONS, SOCIAL MEDIA and click on the GENERAL SETTINGS tab. Enter your Twitter username and password. Click OK to save your changes.
How to Add A List of Tweets to a Webpage
Go to the webpage where you want your tweets to appear. Login and click EDIT and then click on the paper/pencil icon. Put your cursor in the Copy section and click on the TWEETS add-on from the drop down list. Next, view the page with ADVANCED EDIT enabled and click on the WRENCH in the menu bar. Enter the Twitter account name you want to display and hit UPDATE.
How to Add New Tweets
Login and click ADMIN. Click SOCIAL MEDIA, then TWEET TOOL. If you have configured your twitter account in the Twitter Configuration, you can type in the text for your tweet and then click POST TWEET. This is called a Group Tweet because once this add-on is configured, anyone with admin site access can add tweets to your account.