How can I embed Sniply into my Website or Blog?

Yes, now you can! Sniply has a small snippet of JavaScript that you can install on your website. After you install that snippet, a few things will change on your website:

• Sniply links of your website will no longer lead to the snip.ly domain. Instead, they will redirect the reader to your domain. The Sniply bar will still appear as it normally would.
• You can choose to snip links on your website leading away from your domain.
• You can choose a call-to-action to always display on your website.

If you would like to reap the benefits of these features above, and you're familiar with what the feature exactly are, you can jump straight to Installation Instructions below.

Use Your Domain Not Snip.ly

Have you noticed that when you go to a Sniply link, the browser stays on the snip.ly domain rather than redirecting to the real domain? After the Sniply optimization code is installed, this problem is automatically solved!

Say you own a domain called mysite.com.

Before JavaScript Optimization: Someone snips mysite.com/mypage to create a link like http://snip.ly/wxyz. When someone clicks on that Sniply link, they go to http://snip.ly/wxyz and the browser stays there.

After JavaScript Optimization: Someone snips mysite.com/mypage to create a link like http://snip.ly/wxyz. When someone clicks on that Sniply link, they get redirected to http://mysite.com/mypage?sniply=wxyz. The Sniply bar shows up just like it normally would!

Snip Outbound Links

You can optionally select to add your call-to-action to links on your site leading to a different site. For example, say you own mysite.com and you've written a blog post that references an article on CNN. When someone clicks on this link to cnn.com:

Before JavaScript Optimization: The reader goes to cnn.com

After JavaScript Optimization: If you've set the preferences on your dashboard to snip outbound links, the reader goes to a Snipped version of the CNN article with your call-to-action on it. Otherwise, the reader goes to cnn.com, just like before.

Always Show Your Call-to-Action

If you'd like, you can show your call-to-action to all visitors to your site (not just those coming from Sniply links). That includes traffic from search engines, all social traffic, email traffic, etc.!

Before JavaScript Optimization: Someone comes to your site and does not see your call-to-action

After JavaScript Optimization: If you've set the preferences on your dashboard to always show your call-to-action when someone comes to your site, your chosen call-to-action will be displayed.

Installation Instructions

To optimize your site for Sniply, just visit your dashboard, then click on "Integrations" - "Embed on Website/Blog" in the left navigation menu. This will take you to a page that allows you to add your site. Enter your site's URL into the text box on the page, then click Continue. This will generate a line of code that you should insert into every page of your website, just before the close of your body tag.

If you use a WordPress site, adding the code to your site is most easily done through a plugin. We've heard good things about this one: https://wordpress.org/plugins/insert-headers-and-footers/

After the code is installed on your site, verify its installation on your dashboard, and manage your preferences:

• Snip Outbound Links: you can select whether or not you'd like to snip outbound links. If you decide to snip them, you can pick which call-to-action you'd like to use and if you'd like to avoid Snipping affiliate links. Note that the affiliate link avoidance is still somewhat experimental, so we'd love to work with you to make sure that your site works perfectly – send us your feedback at team@snip.ly.
• Always Show your Call-to-Action: you can choose if you'd like to show a call-to-action to all visitors to your site. If you would, you can select your favorite call-to-action to display. Finally, you can specify a blacklist of URLs where you would like to avoid showing the call-to-action. The blacklist is a list (separated by newlines) that can specify absolute URLs or URL patterns.

❗If you're using a WP plugins such as LazyLoad, make sure to exclude your Sniply script from the plugin, otherwise the integration will be broken and Sniply will not be able to see your website.

Below is a screenshot of the Preferences pane:

Selecting Outbound Links to Avoid Snipping

There are 3 ways to selectively disallow some links from being snipped:

1. Append ?snip=false to the URL. That would make your link look like this: Click me!
2. Append #snip=false to the URL. That would make your link look like this: Click me!
3. Add an HTML attribute to the anchor tag to make your link look like this: Click me!