Installing Shareaholic on any website with HTML

Follow

The following tutorial will help you install Shareaholic on any website with a little bit of HTML. You must have access to your website source code, be comfortable editing HTML (or have a webmaster/developer who can help you).

If you have not already signed up for Shareaholic, check out the Getting Started with Shareaholic Guide before following the instructions below.

  1. Sign in to your Shareaholic account, and select the site you’re working with from the My Sites dropdown at the top of the page.

  2. To find your set up code, go to the Settings link on the left navigation bar, then click on the Installation tab.

    html-setup_code.png

  3. Your Shareaholic setup HTML code snippet is in a box with several lines of JavaScript in it. Everything in this box is your code snippet. It starts with <script> and ends with </script>.

    As reference, your site's Shareaholic setup code looks like the following in (the Site ID in the code will be unique to your site):

    setup-code-example.png

    Note: The  code contains a unique ID that corresponds to each site. Don’t mix up code snippets from different sites, and don’t reuse the same tracking code snippet on multiple domains.

  4. Copy the setup HTML code snippet.

    Don’t edit your Shareaholic setup HTML code. Just copy it. You might want to paste it into a text document if you’re worried about accidentally losing or changing the snippet from your clipboard.

  5. Paste your Shareaholic setup HTML code into every web page. Paste it immediately before the closing </head> tag.

    If you use templates to dynamically generate pages for your site (like if you use PHP, Rails, Django, or a similar technology), you can paste the tracking code snippet into its own file, then include it in your page header.

  6. Congrats! Shareaholic should now load successfully on your website!

balloons.gif 

To install an In-page Shareaholic App:

Shareaholic In-page Apps are special apps that let you place them exactly where you want in your website layout or template at the location where the app should be displayed.

If you have not created an In-page Shareaholic App, check out the Installing an In-page Shareaholic App Guide before following the instructions below.

  1. Paste the Shareaholic In-Page App HTML snippet where you would like it to appear and Save the file. As reference, an In-page App snippet looks like:

    share-code_snippet.png

  2. You're done!
Have more questions? Submit a request
Powered by Zendesk