Social Media Collection

From Contensive Wiki
Revision as of 16:24, 14 March 2019 by Admin (Talk | contribs) (To setup the Open Graph system on your site)

Jump to: navigation, search

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.

How to Install the Social Media Collection

Click here for information on Installing Add-Ons.

Social Media Settings

After installing the Social Media Collection, go to Admin, Settings, Social Media Settings.

  1. In the Facebook tab enter a comma separated list of Facebook ID numbers for the people who can administer this site.
  2. In the Open Graph tab, enter a site name and upload a default image to user for social media posts from web pages without their own image set.
  3. In the General Settings tab, enter the Twitter User Name and Password.
  4. Click OK to save settings.

How to Add The Facebook Like and Share to a Webpage

Go to the webpage where you want your LIKE and Share buttons 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 SHARE 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 SHARE, 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 button it will show that the user liked the page and a count of all users who have liked the page. If the user clicks on the 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 go to the page https://findmyfbid.com and enter your Facebook personal profile URL in the box then click Find Numeric ID button.
  • 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 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: To setup the Open Graph META tags for a page

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


       NOTE: The image must be at least 200 pixels by 200 pixels. Once you have set the image, in order to use a new image, a Facebook Admin identified in Social Media Settings must clear the Facebook cache using the steps below:
  1. Go to the debugger tool: https://developers.facebook.com/tools/debug/sharing/
  2. Paste the URL of your page into the tool.
  3. Click Debug.
  4. Click the Scrape Again button.
  5. Click Fetch New Information.

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.