Include the following Javascript before the closing <head> tag on all pages you wish to track. It is generally recommended to place this in a common file that all pages on your site include/require. Once the library code is added, you must init the library.
<html>
<head>
<script>
(function (i,r) {
i['FortnightObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments);
}
})(window, 'fortnight');
</script>
<!-- load the module -->
<script type="module" src="https://cdn.parameter1.com/native-x/v1.0.0/lib.min.js" async defer></script>
</head>
</html>Load, view, and click events will be handled automatically by the content delivered from the server to the page. A server-side HTML payload will look similar to this:
<div
data-fortnight-action="view"
data-fortnight-fields="%7B%22uuid%22%3A%22db1a4977-6ef8-4039-959d-99f95b839eae%22%2C%22pid%22%3A%225aa157594795e6000122dbe7%22%2C%22cid%22%3A%225ab00ccbfd9ea400012760d8%22%7D">
<h1>
<a
href="https://google.com"
data-fortnight-action="click"
data-fortnight-fields="%7B%22uuid%22%3A%22db1a4977-6ef8-4039-959d-99f95b839eae%22%2C%22pid%22%3A%225aa157594795e6000122dbe7%22%2C%22cid%22%3A%225ab00ccbfd9ea400012760d8%22%7D">
A very enticing title.
</a>
</h1>
<p>Content here!</p>
</div>
<script>
fortnight('event', 'load', {
// A unique request identifier provided by the backend.
uuid: 'db1a4977-6ef8-4039-959d-99f95b839eae',
// The placement id used to fetch the ad content.
pid: '5aa157594795e6000122dbe7',
// The campaign id (if served and not a fallback).
cid: '5ab00ccbfd9ea400012760d8'
});
</script>