Setup Website Tracking

This quick setup guide will help you start sending data from your website to Deeploop, using our Deeploop.js library. As soon as you’re setup you’ll be able to configure sales automation processes around website signals sent by your leads!

Step 1. Get a Write Key

Generate a Write Key specifically for your website in your Deeploop account's Behavioral Tracking page.

Note: Everything beyond Step 1 requires a pinch of technical knowledge but more importantly access to the source code of the websites you want to track.

Step 2: Copy the Snippet

Then paste this snippet into the head (<head>) of your site:

<script type="text/javascript">
  !function(){var deeploop=window.deeploop=window.deeploop||[];if(!deeploop.initialize)if(deeploop.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{deeploop.invoked=!0;deeploop.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","debug","page","once","off","on"];deeploop.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);deeploop.push(e);return deeploop}};for(var t=0;t<deeploop.methods.length;t++){var e=deeploop.methods[t];deeploop[e]=deeploop.factory(e)}deeploop.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.deeploop.com/deeploop.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);deeploop._loadOptions=e;deeploop._apiKey=t;};deeploop.SNIPPET_VERSION="4.1.0";
    deeploop.load(YOUR_WRITE_KEY);
    deeploop.page();
  }}();
</script>

When you paste it, you’ll need to replace YOUR_WRITE_KEY with your website's Deeploop Write Key from the previous step.

That snippet will load Deeploop.js onto the page asynchronously, so it won’t affect your page load speed. As soon as that snippet is running on your site, you can start configuring website triggers and behavioral detectors!

Step 3: Track Actions

The track method is how you tell Deeploop about which actions your customers are performing on your site. Every action triggers what we call a “website event”, which can also have associated properties.

Here’s what a call to track might look like when a user signs up:

deeploop.track('Signed Up', {
  plan: 'Enterprise'
});

That’s just telling us that your user just triggered the Signed Up website event and chose your 'Enterprise' plan. Properties can be anything you want to record, for example:

deeploop.track('Article Bookmarked', {
  title: 'Snow Fall',
  subtitle: 'The Avalanche at Tunnel Creek',
  author: 'John Branch'
});

You’ll want to track website events that are indicators of success for your site, like Signed Up, Item Purchased or Demo Requested.

To get started, we recommend tracking just a few important events. You can always add more later!

Once you’ve added a few track API calls, you’re done! You successfully installed deeploop.js tracking.

What's next?

We just walked through the quickest way to get started with Deeploop Analytics. You might also want to check out our full Deeploop.js reference to see what else is possible.

← IntroductionJavascript Library →