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.

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 textbox 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/header-and-footer-scripts/

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

  • Snip Outbound Links: you can choose whether or not you'd like to Snip outbound links. If you choose to Snip them, you can choose 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 whether or not you'd like to show a call-to-action to all visitors to your site. If you would, you can choose your favourite 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 new-lines) that can specify absolute urls or url patterns.

Below is a screenshot of the preferences pane:

Selecting Outbound Links to Avoid Snipping

To see a sample of how the outbound-link Snipping works, check out the sample we've created. 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: <a href="http://example.com/?snip=false">Click me!</a>
  2. Append #snip=false to the url. That would make your link look like this: <a href="http://example.com/#snip=false">Click me!</a>
  3. Add an HTML attribute to the anchor tag to make your link look like this: <a snip="false" href="http://example.com/">Click me!</a>
Have more questions? Submit a request

6 Comments

  • 0
    Avatar
    Sam Stinson

    All the outbound links from my blog will point to Sniply domain. Could that in anyway cause us SEO problems, as all or most outbound links will point to the same site,
    that is yours?

  • 0
    Avatar
    Nigel

    Hey Sam, great question! The links themselves don't actually point to the Sniply domain, so it won't affect your SEO at all. We just have some code that catches when a user clicks on a link, then redirects them to the correct Sniply page rather than sending them to the original destination. That means that all of your links will still point to their intended page when Google or any other bot crawls your domain.

  • 0
    Avatar
    Brahms Yaya

    Hi, we did insert the line of code, but sniply doesn't detect it. Can you help me on this ? Thanks ! https://www.fudoapp.com/

  • 1
    Avatar
    Nigel

    Hi Brahms, it looks like your webserver was returning a 500 error when we queried it from our servers. I've manually verified it for you now though, so you should be able to go into your settings on your dashboard and set it up exactly how you like

  • 0
    Avatar
    Ivan Kleschev

    Hi, Nigel!

    Thank you wery match!
     
    In instructions I read that domain will be my site
     
     
    Bat I see in bar that domain stay "snyp.ly"
     
     
  • 0
    Avatar
    Nigel

    Hi Ivan,

    I think you are interested in the custom domain feature: https://sniply.zendesk.com/hc/en-us/articles/205006529-How-do-I-create-snips-using-my-own-domain-

Please sign in to leave a comment.
Powered by Zendesk