Social sharing configuration

Social sharing icons are placed in various locations throughout the Award Force platform to encourage social sharing of your program. By default, five social sharing icons are displayed wherever social sharing buttons are placed. 

Social sharing icons on home page

Which social networks and their order are not fixed, but depend on the individual's social media behaviour. The expected most relevant options being automatically displayed, in order to maximise the likelihood of engagement.

If you'd like to control which social networks/tools are displayed and their order, you can do so by creating a free account with Shareaholic. This optional feature can be deactivated if not appropriate, for example, with internal company programs.

Important: if the 'Request explicit consent to cookies from users' option is turned on in an account, social cookies need to be accepted before the social sharing buttons will display. Accepting social cookies is an individual user decision and cannot be enforced. Read more about cookie settings. If the cookie consent option is not turned on, consent will be assumed and the social sharing buttons will display.

Activate/deactivate social sharing

  1. In the Manage workspace, navigate to Settings > Communications > Social
  2. Select the Activate social sharing buttons checkbox
  3. Add a default sharing message, share title, description, and share image
  4. Save

To deactivate social sharing, deselect the Activate social sharing buttons checkbox before saving.

Configuration options explained

Default sharing message

The default sharing message is passed to social networks that support seeding a message that the user can otherwise write or edit themselves. It's a good idea to write something that you would like your users to say when sharing a message about your program. Most commonly used by Twitter and Tumblr.

Share title

A share title is passed to social networks that support a title with the share. Most commonly used by Facebook, LinkedIn, and email.

Description

The description is passed to social networks that support a description with the share. This also doubles as your program's SEO description in search results. This is most commonly used by Facebook, Tumblr, and search engines.

Share image

A share image is passed to social networks that support an image share. Facebook recommends images of 1200 x 630 pixels (at least) for best display on high-resolution devices. However, bear in mind that the image will be resized down to 470 x 246 pixels for preview display in Facebook news feeds and 506 x 253 pixels in Twitter feeds. Don't upload an image less than 200 x 200 pixels as they may not be used by social networks. Most commonly used by Facebook, LinkedIn and Tumblr.

Note: in the absence of a share image, your program's home page logo will be used. Should a home page logo not be present, the header logo will be employed. In the event that neither of those images has been added, the homepage background will be shared. 

Site ID and App ID

Connecting your program to Shareaholic is optional. If you do choose to utilise Shareaholic for social analytics you can put your IDs here to track statistics and manage the buttons displayed. 

What is used by social networks?

  • Facebook will use the Share title, Description, and Image
  • LinkedIn will use the Share title and Image
  • Twitter will use the Default sharing message
  • Tumblr will use the Default sharing message, Description, and Image.
  • Email will use the Share title

Here's an example of what the result looks like in a Facebook newsfeed when an Award Force account is shared:

Facebook_share.png

Why is my old sharing configuring still showing?

If you've just updated your program's sharing configuration to include a new image, title, or description, it may take some time before those changes are displayed on social networks. This delay is typically caused by cacheing within that social network platform and not by your Award Force account. To resolve this, you can ask for some platforms to scrub your existing information and look for new details to share using the links below. 

Using Shareaholic

In order to utilise Shareaholic to customise your program's sharing buttons and more, you'll need to create an account and acquire the required Site and App IDs. Here's how:

Create a Shareaholic account and add your site

  1. If you haven't already, create a free account with Shareaholic
  2. Open the My Sites drop-down and click Add site
    Add_site_option_in_My_Sites_drop-down.png
  3. Input your program's URL and click Continue to next step
  4. Select the HTML / Other CMS option and then Continue to next step
  5. Navigate back to your Shareaholic homepage, www.shareaholic.com/sites/, and click on your site

Find the Site ID and input it into Award Force

  1. In the 'Site Settings' menu on the left side of the page, click Copy Site Id
  2. Open your Award Force account and go to Settings > Communications > Social in the Manage workspace
  3. Paste your ID into the Site ID field

Locate the App ID and input it into Award Force

  1. If you've navigated away from Shareaholic, return to your account and click on Apps in the left menu
  2. Scroll to the 'Share Buttons' module and click New in-page App
    New_in-page_app_button.png
  3. In the window that appears, configure the share buttons that will display in your Award Force account. This includes
    • Theme: how your social sharing icons appear
    • Position: as a block or wrapped
    • Size: normal, mini, or rectangular 
    • Counter: whether share counts display next to your social icons and their orientation
    • Alignment: left, centre, or right-aligned
    • Custom icon colours
    • Select buttons: customise which share icons display
  4. Click Next step when finished
  5. If desired, add rules, analytics, etc
  6. To secure the App ID, open the 'Code' tab of the configuration
    Copy_App_ID.png
    Important: the App ID is just the numeric portion of the code. 
  7. Open your Award Force account and go to Settings > Communications > Social
  8. Input the App ID
  9. Click Save when finished
Was this article helpful?
1 out of 2 found this helpful

Articles in this section