How to add Facebook and Twitter share buttons to a Qualtrics Survey.

Tips

How to add Facebook and Twitter share buttons to a Qualtrics Survey.

Guides Examples

You will find this guide useful if you are running a survey on Qualtrics, and you would like to give your participants the opportunity to share your survey on their own social media sites.

You will come across some code in this guide. Do not worry, all you have to do is copy and paste.

1. Select the question you would like the share buttons to appear in. Then click the cog icon on the left, and select “Add JavaScript.”

2.

Between

/*Place Your Javascript Below This Line*/

And

});

Copy and paste the code on the next page. You can double click in the box like an ordinary word processor to select where you would like to type text.

Code to Copy: (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d. createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}( document, 'script', 'twitter-wjs');

3. Your page should look like this:

4. Click the “Save button” to save the code.

5. Open a word processor e.g. Microsoft Word, Notepad etc. 6. Load this webpage: https://developers.facebook.com/docs/plugi ns/share-button 7. Scroll down the webpage to where it says “Share Button Configurator”. Type the link to your survey in the box under “URL to share”. Under “Layout” use the drop down menu to select “button”. Then click “Get Code”.

8. Cope and paste the code under section 2 into your word processor.

9. In your word processor underneath the code which you copied, type:  

Your text in word processor should now look like this:

10. Open the webpage: https://about.twitter.com/resources/buttons #tweet and choose the “Share a link button”.

and

11. Fill in the form. Where is says “Share URL” select the 2nd option and type in your survey link. You can then customise the text in the tweet. Promote yourself or the UOL twitter sites by adding in twitter names. You can summarise your research also with a hashtag so that any shares are visible in twitter searches. Once done, you can preview your button and its functionality by clicking the “tweet” button. If you are happy, copy and paste the code in the box into your word processor underneath everything else.

12. The text in your word processor should now look like this:

13. You want to delete the last paragraph so that the text looks like this:

14. Now copy all of this text. We are going to paste this code into our Qualtrics survey.

15. Select the question you would like the share buttons to appear in. Then click the “Rich Content Editor.”

16. Then click on “Source.”

17. Then paste the code underneath any text you have already written. Or alternatively, where you would like the buttons to show up.

18. Preview your survey. You should now see these buttons appear underneath your text!

@Psychtechnician