Installing Shareaholic on any website with HTML

The following tutorial will help you install Shareaholic on any website with a little bit of HTML.

html-code.png

You must have access to your website source code and 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 a Site Profile. If you haven't already added a Site Profile, first add one.
  2. To find your Shareaholic.js setup code, go to Settings on the left navigation bar, then click on the Installation tab:
    html-setup-1.jpg
  3. Your Shareaholic setup HTML code snippet is in a box with several lines of JavaScript code in it. Everything in this box is your code snippet. It starts with <script> and ends with </script>.

    As a reference, your site's Shareaholic setup code looks like the following (the Site ID in the code will be unique to your site):
    html-setup-2.jpg
    Note: The code contains a unique Site Profile ID that corresponds to each site profile. 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.

    Note: 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 similar technology), you can paste the tracking code snippet into its own file, then include it in your page header.
  6. Congratulations - Shareaholic is now installed on your website!
    celebrate-together.jpg

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:

    in-page-app-3.jpg
  2. You're done!
Was this article helpful?
147 out of 171 found this helpful