To send us data about the article please do the following:

• Add the javascript-code to all the Article pages:

• Add this class to the text block: io-article-body. For example:

  
  Article text
  

  or add class io-article-body to existen class of an article:

  
  Article text
  

Important: By default we track the article by URL in the address line. If one article can be available by more than 1 URL, please do the following:

• add to _io_data_config a url field with a value of canonical URL of the article. For example:

This is necessary to track one article as one item in the dashboard.

Articles’ titles

By default we track the title of the article from tag of the website page. If you want to track some other title please set it statically or dynamically in a following way:

_io_data_config.page = ‘Article title’;

or

_io_data_config.page = variable.from.your.cms;

Authors and Categories (Sections)

You can set author and section statically or dynamically in a following way:

_io_data_config.authors = ‘Author name’;
_io_data_config.categories = ‘Category name’;

or

_io_data_config.authors = cms.variable.author;
_io_data_config.authors = document.querySelector(‘.author-class’).textContent;
_io_data_config.categories = cms.variable.category;
_io_data_config.authors = document.querySelector(‘.category-class’).textContent;

If one article belongs to a few authors and/or categories, please put commas between them:

_io_data_config.authors = ‘Author1,Author2,Author3’;
_io_data_config.categories = ‘Category1,Category2,Category3’;

If you don't want to indicate the real author's name, you may put ID instead, and use JSON file to send us the list of authors hidden behind the IDs.

Link to JSON file should be sent to your Customer Success Manager or io.support@onthe.io

Mobile version of the site

To track mobile version please add the same config as you did for the desktop.
Important: URL has to be the same in _io_data_config on mobile and desktop.

Sending data is as simple as sending simple HTTPS GET requests.

Exmaple of regular request:

https://tt.onthe.io/?k[]={app_id}:pageviews[page:Some article title,category:SPORT, ...]&s=a63fa7bd0cb420398c55518ee76b0a3f.

Param pageviews we call a metric, and page and category are slices.

Slices values sent to the t system should not contain commas ( , ) or colons ( : ). Commas and colons should be replaced by #44; and #58; accordingly. All values in slices should be URL-encoded and have UTF-8 encoding.

Slice	Description	Example
page*	Article title	Breaking news#58; Project General has been connected to io analytics system
article_type	Type of an article	paid
category	Article category (or section)	SPORT
sub_category	Article subcategory (or subsection)	FOOTBALL
author	Article author. If page is article or news, slice author is required	John Doe
previous_page	Previous page title, from which the user came. If there is no such a page - this slice should be omitted; If user came from the main page - the value of this slice will be Main Page	Breaking news#58; Project General wants to be connected to io analytics system
platform	Platform of the app	iOS
referrer	Referrer	It's required to set referrer value to app for application
domain	Domain	{hostname}
url	Article pathname	/some/article/url

pageviews metric should be sent when the user opens an article.

read_finished metric should be sent if user read the article to the end.

uniques metric should be sent only if user opened the app for the first time during 24 hours.

visits metric should be sent not earlier than 15 minutes after the end of the user session.

Metric time This metric should be sent every 10 seconds after the user opened an article. This metric shows how much time did the user spend on a page. This metric should contain only one slice - page.

If you don't want to show your authors or categories on a page but you have an id of the authors and you want to track these data you need to include this HTML-code:

And you need to contact with your .io manager and give him an url to authors list.

Example of list in JSON:

If you want to track links from your facebook group you need to include label ?f in post's link

If you have endless scroll please do the following for each content refresh:

• set new url and page in _io_data_config. For example:

  _io_data_config.url = ‘/canonical-url-of-loaded-article/’;
  _io_data_config.page = ‘Title of loaded article’;

• add new author and category for each article. In case you do not do this - each article will have the same author and category as the first one had. For example:

  _io_data_config.authors = ‘New author’;
  _io_data_config.categories = ‘New category’;

• execute the function:

  _io_push_viewed_url(_io_data_config);

Important: each article loaded by AJAX should have html-class io-article-body.

To be able to track Youtube embedded videos on a website we use Youtube's API. It requires to use additional parameters in 'src' attribute of iframe when embedding video to the page. Those parameters are `enablejsapi` and `origin`.
`enablejsapi` pararameter must be allways set to 1. `origin` parameter must match your site's origin.
For example, we are trying to embed video bellow to our article To do this we are using code like this :

To give IO's code availability to track this video we need to change this:

src="https://www.youtube.com/embed/9nZMHBDw8os"

To this:

 src="https://www.youtube.com/embed/9nZMHBDw8os?enablejsapi=1&origin={link_project}" 

So we got code of embedded element like this:

If you don't want to modify all video content on your website we can do it dynamically. Our code can modify your Youtube iframe's src before it loads so this procedure will look absolutelly seamless to your website's visitors

{
    "key"      : "{api_key}",
    "entities" : "{list of entities or a single entity}",
    "options"  : "{set-options-here}"
}

{
    "entities" : {
        "articles" : {
            entity  : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources"]
        },
        "categories"  : {
            entity  : "categories",
            details : ["title"]
        }
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "articles" : {
            entity : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources"]
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        per_page : 20
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "categories" : {
            entity : "categories",
            details : ["title", "pageviews"]
        }
    },
    "options" : {
        "period" : {
            name : "week"
        }
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "authors" : {
            entity : "authors",
            details : ["pageviews", "readability", "count_pub"]
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        per_page : 10
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "articles" : {
            entity : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources"],
            filters : {
                author: {author_id-value-from-"authors"-entity}
            }
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        per_page : 20
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "articles" : {
            entity : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources"],
            filters : {
                category: {category_id-value-from-"categories"-entity}
            }
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        per_page : 20
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "articles" : {
            entity : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources"]
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        "filters" : {
            source_group: "search"
        }
        per_page : 20
    }
}

{
    "key" : "{api_key}",
    "entities" : {
        "articles" : {
            entity : "articles",
            details : ["pageviews", "author", "category", "timeread", "social", "sources", "readability", "recirculation", "next_pages", "date_pub", "chart", "domain", "funnel"],
            filters : {
                url: "/path/of/url/on/your/site"
            }
        }
    },
    "options" : {
        "period" : {
            name : "today"
        }
    }
}

var io={ajax:function(e,n,t,r){var o=new XMLHttpRequest;o.open(r||"POST",e,!0),o.onreadystatechange=function(){4==o.readyState&&200!=o.status&&t&&t(null),4==o.readyState&&200==o.status&&t&&t(o.responseText?JSON.parse(o.responseText):null)},o.setRequestHeader("Content-type","application/x-www-form-urlencoded"),o.send(n?io.query(n):null)},urlencode:function(e){return e=(e+"").toString(),encodeURIComponent(e).replace(/!/g,"%21").replace(/'/g,"%27").replace(/\(/g,"%28").replace(/\)/g,"%29").replace(/\*/g,"%2A").replace(/%20/g,"+")},query:function(e,n,t){var r,o,u=[],a=this,c=function(e,n,t){var r,o=[];if(!0===n?n="1":!1===n&&(n="0"),null!==n&&"object"==typeof n){for(r in n)null!==n[r]&&o.push(c(e+"["+r+"]",n[r],t));return o.join(t)}return"function"!=typeof n?a.urlencode(e)+"="+a.urlencode(n):"function"==typeof n?"":void 0};t||(t="&");for(o in e)r=e[o],n&&!isNaN(o)&&(o=String(n)+o),u.push(c(o,r,t));return u.join(t)}};

var params = {
    "key" : "{api_key}",
    "entities" : {
        "authors" : {
            entity : "authors",
            details : ["pageviews", "readability", "count_pub"]
        }
    },
    "options" : {
        "period" : {
            name : "today"
        },
        per_page : 10
    }
};

io.ajax('https://api.onthe.io/{hash}', params, function (r) {
    
});

<?php

$params = [
    'key' => "{api_key}",
    'entities' => [
        'authors' => [
            'entity' => 'authors',
            'details' => ['pageviews', 'readability', 'count_pub']
        ]
    ],
    'options' => [
        'period' => [
            'name' => 'today'
        ],
        'per_page' => 10
    ]
];


$url = 'https://api.onthe.io/{hash}';

$ch = curl_init($url);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($params));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);
curl_close($ch);

print_r(json_decode($response, true));