Within our software, we provide the ability for you to have your affiliates share via Facebook. By default, no setup is required for Facebook social sharing all you need to do is change the sharing text and image, and add the meta code to their site. Follow these steps to set up your Facebook Post:
Step 1: Log in to your affiliate's dashboard.
Click User, select the user.
Step 2. Update User (Login to the user interface for this user)
Step 3. Click Facebook.
Step 4. Add the meta code to your landing to your landing page. You need to add it before the closing </head> tag.
Facebook example
<meta property="og:title" content="Drive More Traffic to Your Website"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.osiaffiliate.com"/>
<meta property="og:image" content="http://www.osiaffiliate.com/images/omnistar-logo-fb.jpg"/>
<meta property="og:site_name" content="OSI Affiliate Software"/>
<meta property="og:description" content="Sign up for a FREE 15-Day trial of the Omnistar Customer referral software and start having your customers work for you."/>
Here is how the post will look from the above code:
Modify the code that was used for this post. Update the title, url, image link, description, and site name a shown below:
<meta property="og:title" content="Your Title Goes Here"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http:/www.yoursite.com"/>
<meta property="og:image" content="http://www.yourimagelink.com"/>
<meta property="og:site_name" content="Your Site Name Goes Here"/>
<meta property="og:description" content="Your Description goes here"/>
Below is a table explaining the description of the key tags. For a full list of tags and their descriptions, visit the Facebook Open Graph Protocol website or the Facebook Open Graph Object Properties page.
Meta Tag Name | Description |
fb:app_id | This is optional. If you don’t have your website app id, you can create one by following instructions provided by Facebook. If you don’t provide the app id, Facebook will use a default app id. |
og:type | Since you are adding this to your landing page. You can use the type ‘website’ |
og:url | This is the url to your landing page. Make sure to use the canonical URL of the landing page. |
og:title | Use the title of your landing page. |
og:image | Provide the url of the image you want displayed when the link is shared on Facebook. It should be at least 600x315 pixels, but 1200x630 or larger is preferred (up to 5MB). |
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@your twitter handle goes here">
<meta name="twitter:title" content="Your title goes here">
<meta name="twitter:description" content="Your description goes here">
<meta name="twitter:image" content="http://www.yourimagelink.com">
Property | OpenGraph |
twitter:card | og:type |
The card type | If an og:type, og:title and og:description exist in the markup but twitter:card is absent, then a summary card may be rendered. |
Used with all cards | |
twitter:site | n/a |
@username of website. Either twitter:site or twitter:site:id is required. | |
Used with summary, summary_large_image, app, player cards | |
twitter:description | og:description |
Description of content (maximum 200 characters) | |
Used with summary, summary_large_image, player cards | |
twitter:title | og:title |
Title of content (max 70 characters) | |
Used with summary, summary_large_image, player cards | |
twitter:image | og:image |
URL of image to use in the card. Images must be less than 5MB in size. JPG, PNG, WEBP and GIF formats are supported. Only the first frame of an animated GIF will be used. SVG is not supported. |
Step 5. Login to your Weebly account and click on Edit Website. Click on Pages and select about and SEO settings.
Step 7. Paste the meta codes in the field provided for Header Code.
If you would like to upload an image that can be referenced in the code. The easiest way to do this is to add a hidden page to your site, add the image there and publish, then get the URL of the image by right-clicking on the image on your published hidden page.