To Setup Social Sharing for a Twitter Card

Modified on: Fri, 24 Nov, 2017 at 9:17 AM

For setting up twitter Card Post, within the software we offer the aptitude for you to have your affiliates share via Twitter. Your affiliates can share a standard text tweet that contains their affiliate link or they can split a Twitter card that includes a large image, a Bold title and a description along with the affiliates link. To do this Please follow these simple steps:

Step 1: Go to Social Icons Settings

From your admin Control Dashboard Please click on Setup.

and click on Settings -> Social Icons Settings

Step 2: Select Program

From here you need to Select the referral program

Step 3: Add Twitter Info

Check the Twitter box, Add your title, description and browse in your image. All images need to be at least 280 x 150 pixels in size and less than 1MB.

Step 4: Create Meta code and add to your site

Now You need to create Twitter meta code that you will be adding to the code of your landing page. Follow the instructions below:

See example summary card below.

For this card to post we added the meta code shown below to our landing page:

<meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@osiaffiliate"><meta name="twitter:title" content="Drive More Traffic to Your Website"><meta name="twitter:description" content="Sign up for a FREE 15-Day trial of the Omnistar Customer referral software and start having your customers work for you."><meta name="twitter:image" content="http://www.osiaffiliate.com/images/omnistar-logo-fb.jpg">

Below are the suggested minimum properties for the Summary Card with Large Image including title, description, and image.

Card Property

Required

twitter:cardMust be set to a value of “summary_large_image”

Yes

twitter:siteThe Twitter @username the card should be attributed to.

No

twitter:title

A concise title for the related content.

Platform specific behaviors:

iOS, Android: Truncated to two lines in timeline and expanded Tweet

Web: Truncated to one line in timeline and expanded Tweet

Yes

twitter:descriptionA description that concisely summarizes the content as appropriate for presentation within a Tweet. You should not re-use the title as the description or use this field to describe the general services provided by the website. Platform specific behaviors:

iOS, Android: Not displayed

Web: Truncated to three lines in timeline and expanded Tweet

Yes

twitter:imageA URL to a unique image representing the content of the page. You should not use a generic image such as your website logo, author photo, or other image that spans multiple pages. Images for this Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 or maximum of 4096x4096 pixels. 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.

No

twitter:image:altA text description of the image conveying the essential nature of an image to users who are visually impaired. Maximum 420 characters.