22.2.2 • Public • Published

    Countly Web SDK

    Codacy Badge npm version Inline docs

    What is Countly?

    Countly is a product analytics solution and innovation enabler that helps teams track product performance and customer journey and behavior across mobile, web, and desktop applications. Ensuring privacy by design, Countly allows you to innovate and enhance your products to provide personalized and customized customer experiences, and meet key business and revenue goals.

    Track, measure, and take action - all without leaving Countly.

    Implementing Countly SDK in your web pages

    There are 3 ways to get Countly SDK.

    1. Available with Countly server

    Since Countly server 16.02, Countly Web SDK is available in your Countly server installation in countly/frontend/express/public/sdk/web/countly.min.js which should be available through URL as

    2. Installation using package managers

    bower install countly-sdk-web


    npm install countly-sdk-web


    yarn add countly-sdk-web

    3. Use a CDN (content delivery network)

    Countly web SDK is available on CDNJS. Use either


    How to use Countly Web SDK?

    Link to the script and call helper methods based on what you want to track: sessions, views, clicks, custom events, user data, etc. More information is available at

    <script type='text/javascript'>
    // Some default pre init
    var Countly = Countly || {};
    Countly.q = Countly.q || [];
    // Provide your app key that you retrieved from Countly dashboard
    Countly.app_key = "YOUR_APP_KEY";
    // Provide your server IP or name. Use or 
    // or for EE trial server.
    // If you use your own server, make sure you have https enabled if you use
    // https below.
    Countly.url = ""; 
    // Start pushing function calls to queue
    // Track sessions automatically (recommended)
    //track web page views automatically (recommended)
    // Uncomment the following line to track web heatmaps (Enterprise Edition)
    // Countly.q.push(['track_clicks']);
    // Uncomment the following line to track web scrollmaps (Enterprise Edition)
    // Countly.q.push(['track_scrolls']);
    // Load Countly script asynchronously
    (function() {
        var cly = document.createElement('script'); cly.type = 'text/javascript'; 
        cly.async = true;
        // Enter url of script here (see below for other option)
        cly.src = ''; // Use any of the 3 methods to get Countly Web Analytics SDK here
        cly.onload = function(){Countly.init()};
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s);

    Countly Web SDK has JSDoc3 compatible comments and you can generate documentation by running npm run-script docs or access online version at


    Security is very important to us. If you discover any issue regarding security, please disclose the information responsibly by sending an email to and not by creating a GitHub issue.

    Other Github resources

    Check Countly Community Edition source code here:

    There are also other Countly SDK repositories below:

    How can I help you with your efforts?

    Glad you asked. We need ideas, feedbacks and constructive comments. All your suggestions will be taken care with upmost importance. We are on Twitter and Facebook if you would like to keep up with our fast progress!


    If you like Countly, why not use one of our badges and give a link back to us, so others know about this wonderful platform?

    Countly - Product Analytics

    <a href="" rel="nofollow"><img style="width:145px;height:60px" src="" alt="Countly - Product Analytics" /></a>

    Countly - Product Analytics

    <a href="" rel="nofollow"><img style="width:145px;height:60px" src="" alt="Countly - Product Analytics" /></a>


    For a public community support page, visit



    npm i countly-sdk-web


    DownloadsWeekly Downloads






    Unpacked Size

    2.89 MB

    Total Files


    Last publish


    • ar2rsawseen
    • ironic_badger