Difference between revisions of "Social Media Collection"

From Contensive Wiki
Jump to: navigation, search
(To setup the Open Graph system on your site)
(Open Graph Meta Tags Tab)
Line 14: Line 14:
 
Open Graph Meta Tags create the meta tags used by Facebook to summarize a page on a site. <br />
 
Open Graph Meta Tags create the meta tags used by Facebook to summarize a page on a site. <br />
  
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. <br />
+
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. <br />
  
 
Once installed, pages maintain its specific set of META tags automatically from information set on the page record. <br />
 
Once installed, pages maintain its specific set of META tags automatically from information set on the page record. <br />

Revision as of 15:26, 7 February 2019

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.

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 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 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 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 (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. Once you have set the image, in order to use a new image, you 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.

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.

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.

https://www.facebook.com/login.php?next=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fdebug%2F

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.