In This Article:

    Salsa Sharing

    In This Article:

      Sharing and Social Media

       

      Salsa's sharing package is built to help you easily share your action, donation, event and signup pages. It is tightly integrated with Facebook and Twitter--allowing you to customize the images, descriptions, and tags that get shared on both social media platforms.

      To add this feature, contact your account manager to request the installation.

      Once the package is installed on your account, you'll be able to access the Configure Sharing link from any shareable page. To find that link:
      1. Bring up the page you want to share and click on the Publisher box
      2. Click the Configure Sharing link
      3. Check the sharing checkbox (Note:  follow-up sharing is still in development)

      sharing: Checking this box adds social media icons to your page (and enables sharing via those icons)
      follow-up sharing: Once development is complete, checking this box will enable sharing on your thank you pages and other followup pages 


      start_sharing.png

       

      Step 1: General

       

      Use the general settings in the Edit Sharing Preferences screen to set the default sharing options for the page(s) on which you want sharing functions to appear.

      Note: you may have to click on the general link in the Edit Sharing Preferences screen to make the settings appear. 


       general.png

      message: This is the default message that will be shared whenever your supporters share the page. You might enter something like "Join me to support blimp owners' rights!" or something similar. The Facebook and Twitter options allow you to create a custom share message for Facebook and Twitter rather than using the default. 

      follow-up message: This feature is still under development. 

      follow-up prompt: This feature is still under development.. 

      customize url: This feature has four options:

      1. long for Facebook, short for Twitter: This will publish the full URL if the supporter shares the page to  Facebook. It will share a shorter version (created automatically via bit.ly) to Twitter.
      2. always long: This will always publish the full URL.
      3. always short: This will always publish the shortened URL (created automatically via bit.ly) .
      4. do not include URLs: Does not include a separate URL listed in the social media post.

      bit.ly token: Enter your organization's bit.ly token (used for authorization/access between Salsa and bit.ly) here. To find your token, access the link here with your bit.ly login credentials. Leave this field blank if you want to use Salsa's bit.ly account. 
       

      Step 2: Styling

       

      On this page you can customize the styling of the sharing icons. These fields are intended for customization using CSS.

       style.png 

      display position: Select where you'd like the sharing icons (Facebook and Twitter logos) to appear.

      • float top-right: Places the icons in the in the top-right corner of the page.
      • inline: Intended for users who know how to manipulate CSS to customize the look of their page.
      Please note : The float top-right option is recommended because it is standard and people are accustomed to looking for the icons in this location. Only select inline if you are an advanced user familiar with HTML and CSS.

      icon size: This will alter the size of the sharing icons that are placed on your page.

      • small: 16 pixels wide by 16 pixels in height
      • medium (recommended): 32 pixels wide by 32 pixels in height
      • large: 64 pixels wide by 64 pixels in height
      • extra-large: 128 pixels wide by 128 pixels in height
      • giant: 256 pixels wide by 256 pixels in height

      sharing style: Here you can enter a CSS class that will be added to the sharing icons. You can optionally apply CSS styling to your Template using that class to alter the placement, look, and feel of the icons.

      follow-up sharing style: Here you can enter a CSS class that will be added to the sharing icons on the follow-up page used by the page. You can optionally apply CSS styling to your template using that class to alter the placement, look, and feel of the icons. In this case, the template used by the follow-up page will need to be updated.

       

      Step 3: Twitter

       

      On this screen, you can specify how you'd like the page to be shared on Twitter.

      twitter.png  

      Twitter message: This is what your supporters' followers will see on Twitter. This will override the general message saved in the message tab. If you're wondering why the Twitter message might appear different from your general message, keep in mind that Twitter syntax generally includes more hashtags and references to your username or others.

      additional text: This can be any additional text you'd like to include, however including a hashtag or username here can expand the number of people that see each share. For example, you might use: #hashtag or via @username.

      postfix for Twitter url: Text entered here will be appended to the URL of the page that is shared. If you use tags to track supporters in Salsa, you can use &tag=Tag or if you use tracking codes use &track=Track, where Tag or Track is the tag/code you want to use. These codes will then get applied to the supporter record when a supporter takes action (or donates) after clicking on the link that was shared.

      twitter icon: Here you can include an alternative Twitter icon that matches your page design. When using an alternative icon, be sure that it matches up with the icon sizes in the styling options (or, alternatively, use the CSS styling options to override Salsa's built-in icon sizes).

      After these are set, you can test how the sharing page will look, by sharing the page to Twitter  

      twitter_result.png

       

      Step 4: Facebook

       

      Customize the Facebook sharing options:

      facebook_share.png  

      Facebook message: This is what your supporter's followers will see on Facebook. This will override the general message saved in the message tab. We recommend putting the title of your action or other content here.

      description: This is the extended description that will be displayed on the supporter's wall in Facebook when the page is shared. We recommend including a link and information about your campaign here. If you don't update these values, your template title will be displayed by default.

      link image: This is the image that will be displayed on the supporter's wall in Facebook when the page is shared. It does not matter where the image is stored, but it needs to be entered as a URL. If you upload an image which is too large, it will resize automatically to fit the Facebook window.  Please note that the aspect ratio of the original file must be square in order to display properly.

      share prompt: This is the message that gets displayed to your supporters when they click on the Facebook sharing icon to encourage them to share your content.

      postfix for Facebook URL: Text entered here will be appended to the URL of the page that is shared. If you use tags to track supporters in Salsa, you can use &tag=Tag or if you use tracking codes use &track=Track, where Tagor Track is replaced with the exact name of the tag/code you want to use. These will then get applied to the supporter record when a supporter takes action (or donates) after clicking on the link that was shared.

      include like button: This option will add a Like button in addition to the sharing icons added to the page. Supporters' Facebook profiles will be updated to show that they like the page when they click that button.

      Facebook icon: Here you can include an alternate Facebook icon that matches your page design. When using an alternate icon, be sure that it matches up with the icon sizes in the styling options (or, alternatively, use the CSS styling options to override Salsa's built-in icon sizes).

      update status only: Rather than sharing a page on the supporter's wall, when this box is checked the page will only be shared in the supporter's Facebook status.

      Once you set up your sharing options, your supporters will be given a prompt to confirm that they want to share the page on their wall (after they click on the Facebook icon) and, once they confirm, the page will be shared on their wall.

      facebook_pre_post.png

       

      Step 5: Misc. (Other social networks)

      Google+

      In order for Google+ to work properly, you must add some information to the html tag of the web templates you want to use it with. This requires editing the source code of the web template to include the following code: 

      <html itemscope itemtype="http://schema.org/Article"> 

      This can be added to the top of your template directly below the doctype declaration. See the following screenshot:

        web_template.png

      After adding the code to your template(s) and then assigning a template to a Salsa page, you will be able to access Google+ options in the Sharing menu, under the MISC section of the sharing tool:

      google_plus.png  

      There are several options:

      Hide Google plusone: hides the +1 button in the social media icons that appear.

      Google+ content title: the title you want to appear on your sharing page. (If you were sharing an action page, for example, this would be the title of the action you are sharing.)

      Google+ description: lets you provide a description of your item.

      Google+ image link: allows you to link to an image that will appear with your shared item.

      Pinterest

      In the Website package, upload an image which you would like to use in your Pinterest sharing of this page.

      image.png

      When the upload is complete, the Salsa-hosted link to your image will be seen next to the "Most recent upload" text.  Copy this URL onto your clipboard.

      most_recent_upload.png

      Paste that URL into the pinterest image link field of your social sharing tools.

      pinterest.png

      If any URL is in this field, the Pinterest share icon will appear on the page (If you'd like to remove it, delete the URL from this field).  When Supporters click the Pinterest share icon, they'll share:

      • The image you uploaded and stored at the Pinterest image link URL
      • The description from the general section of your social sharing tools

      pinter_share.png

       

      Step 6: Email

      If you'd like to add links to your email blasts so that Supporters can share you pages directly from the email...

      First, generate the links.  In the Configure Sharing tool, click on email and then click the Generate links button.  This will populate the content in the Facebook and Twitter fields below.  Copy these links onto your clipboard for later use - you'll link to them via your email content tool (see below).

      share_via_email.png

      Type the text you'd like in the HTML Content of your email.  Use the WYSIWYG editor to add a hyperlink to the text.

      create_hyperlink.png

      Paste the link you generated via the social sharing tools into the URL field (see numbers 4 and 5 in the image above).

      links_in_email.png

      Send yourself a test email and see how the link looks in your email and when shared via Facebook or Twitter.

      share_on_facebook.png

       

      Step 7: Tracking social media

      Salsa tracks how many supporters are clicking on your social media links on your pages by storing such instances to a table called share_tracking. By building a custom report on this table, you can monitor shares of your pages through Facebook and Twitter.

      Share_tracking captures distinct metrics for the following categories: 

      1. Facebook status updates 
      2. Facebook likes 
      3. Twitter

      By default, your account will use Salsa's default Facebook sharing feature. If you'd like to track your supporters' Facebook sharing activity through your own Facebook page, then send in a request along with your Facebook App ID to support @ salsalabs.com to initiate the setup process.

      It is important to note that share_tracking does not determine whether or not the supporter actually completed the sharing -- that is, whether the supporter posted the link to their wall or published their tweet. It only counts the number of people who have clicked on icons or URLs for sharing/tweeting. This feature also tracks the specific URL your users are sharing.

      In tracking Facebook likes, if a user likes a page, but then un-likes the page, then the click statistics will update accordingly. However with Twitter, if a user clicks the Twitter post button but doesn't follow through with publishing the tweet, the tracking tool will still count it as a tweet.

      social_media_shares.png

      Was this article helpful?
      1 out of 1 found this helpful
      Have more questions? Submit a request

      Comments

      11 comments
      • I just submitted a request to include this feature.  I have been manually placing my twitter and facebook links into my newsletter but it still doesn't enable sharing per se.  This is a great tool!  I wish I knew about it a year ago.

      • Is it possible to put links into an email that allow people to share the email itself with their social networks? I.e . so they can post the link to the webpage version of the email, via facebook/twitter/etc?

      • Hi Coby,

        It's possible with a manual solution, but it is not currently supported in Salsa's built-in sharing package. You can find more information about sharing your email blasts on Facebook here.

      • Hi,

        Does this feature cost extra money?

      • The Facebook sharing isn't working for me.  Here's a video of the blank pop-up window I get.  Is anyone else having this issue? I'm on Firefox.  http://screencast.com/t/QRQGoWxK

         

      • Hi guys,

        Salsa Sharing is a free tool that can be added to your account - you just need to contact your account manager and ask them to install it.

        Melanie - I was just able to share a test donation page on Facebook without a problem.  You might need to open a support ticket and provide a link to your specific page for troubleshooting.

        facebook_post.png

      • Thanks Rebecca, I have issued a ticket and am waiting for response. 

      • It is deceptive to suggest that the link image will "resize automatically to fit the Facebook window." It will not. The image needs to be square, otherwise it will get zoomed funny when it is ultimately shared. 

        Screenshot: https://www.evernote.com/shard/s71/sh/5c00311c-9c4c-4313-93f3-9cee92d5eb23/e5ae7ff80b7a6638081731533fd6dd42

      • Hi Sarah,

        You're right - If you upload a larger image, Salsa will resize it for Facebook, but the aspect ratio must be correct in the initial file.  I've updated the original documentation to clarify.  Thanks!

      • Hi:

        I'm trying the "follow up sharing" feature for Facebook, but it's unsuccessful. The link published in facebook is "salsalabs.com" instead of my "Thank you" page (Twitter link works well). How is the development going on for Facebook? What's the status?

        Thank you,

      • Hi Jay,

        Follow-up sharing is still in beta. Currently, follow-up sharing is only operational when generating links to  tell-a-friend pages and thank you pages -- they don't work across the board for any redirect page, including for various features' default follow-up pages.

        Subscribe to our release notes to get the most up to date information about continuous improvements.

      Please sign in to leave a comment.