Code generator

What kind of code do you need to generate?

The use of clicky_custom allows you to control several aspects of how Clicky tracks visitors.
Please see the clicky_custom page for an explanation of all options.

We support tracking videos from 3 services (Youtube, Vimeo, and Viddler), as well as JWplayer and native HTML5 video.

Viddler and HTML5 native videos are automatically supported. If you are using one of the services below, then use this form to help generate the code to track them.

We have two methods for tracking Youtube. One of them is fully automated, beyond including two Javascript files on your site. You only need to use the form below for Youtube if you are using the manual method. You can see the difference between the two in the video analytics documentation.

For a full explanation of what each item in the form means, see the video analytics documentation.

The landing page URL and the 'utm_campaign' variables are required. The others are optional.
For a full explanation of 'UTM' variables and how to use them, see here.

Copy and paste the code below!

Important: This code needs to go before your tracking code.

<script type="text/javascript"> var clicky_custom = clicky_custom || {}; clicky_custom.timer = {timer}; clicky_custom.timeout = {timeout}; clicky_custom.cookies_disable = {cookies_disable}; clicky_custom.queue_disable = {queue_disable}; clicky_custom.sticky_data_disable = {sticky_data_disable}; clicky_custom.outbound_disable = {outbound_disable}; clicky_custom.video_disable = {video_disable}; clicky_custom.history_disable = {history_disable}; clicky_custom.ping_disable = {ping_disable}; clicky_custom.pageview_disable = {pageview_disable}; clicky_custom.osa_disable = {osa_disable}; clicky_custom.heatmap_disable = {heatmap_disable}; </script> {website-url}?utm_campaign={campaign-name}&utm_content={campaign-content}&utm_source={campaign-source}&utm_medium={campaign-medium}&utm_term={campaign-term} <script src='//'></script> <script src='//'></script> <!-- this box will contain the video once the page has loaded --> <div id="{div-id}"></div> <script type="text/javascript"> swfobject.embedSWF("{video-id}?enablejsapi=1&playerapiid={div-id}", "myvideo", "425", "356", "8", null, null, { allowScriptAccess: "always" }); </script> <script src="//"></script> <div id="{div-id}"></div> <script type="text/javascript"> jwplayer('{div-id}').setup({ flashplayer: "{swf-url}", file: "{video-url}", image: "{img-url}", events: { onReady: function(ev) { onJWPlayerReady('{div-id}'); } } }); </script> <script src="//"></script> <script src="//"></script> <div id="{div-id}"></div> <script type="text/javascript"> // this 'meta' object stores the video's ID, which we use to create the unique URL // it can also (optionally) store the title, which we've added in here too var _vimeometa = {}; _vimeometa.myvideo = { 'id': '{vid-id}', 'title': '{title}' }; // required variables to pass to vimeo flash player var _vimeo_flashvars = { show_portrait: 1, show_byline: 1, show_title: 1, js_api: 1, js_onLoad: 'onVimeoReady', js_swf_id: '{div-id}', clip_id: '{vid-id}' }; // and finally, we embed the video swfobject.embedSWF("", "{vid-id}", "504", "340", "9.0.0", "expressInstall.swf", _vimeo_flashvars, { allowscriptaccess: 'always', allowfullscreen: 'true' }); </script>