> For the complete documentation index, see [llms.txt](https://docs.viewfi.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.viewfi.io/publish/technical-ad-specs.md).

# Technical Ad Specs

Version 1

**Overview**

ViewFi’s video loyalty and engagement solution enables brands and publishers to build their own rewarded video campaigns which offer:

* Data collected within the ad format owned by brand
* Brand to offer the reward based on their audience / campaign
* Users rewarded by the brand’s program for completing the video.&#x20;

ViewFi’s solution generates an HTML tag for brands/publishers to traffic. Below is the specifications:

**Demo Ad Page -** <https://ad-demo.viewfi.io/>

**Ad Format Name:** Custom Native Display format - (ViewPlay™)&#x20;

**Placement:**  Desktop, mobile web

**Behaviour:** Floating banner (bottom right of page) which clicks to Lightbox to play video and reward counter. Video player loads and plays with sound on in large player without taking the user off the site. The user claims reward at a certain point of the video and data is captured within the player.&#x20;

**Compatibility:** Desktop, mobile web. Most devices and browsers supported.&#x20;

**Dimensions:** Display element - 400x300 pixels. Open video player in 16:9 ratio.&#x20;

**Video Requirements:**

* If hosting video, provide the video CDN URL
* If ViewFi hosts, provide MP4 video file
* Length - No limit&#x20;

**Tracking:**&#x20;

* ViewFi platform tracks:

| **Ad Data**     | **Video Data** | **User Data**             |
| --------------- | -------------- | ------------------------- |
| Impressions     | Starts         | Total Users               |
| Clicks to video | To claim       | Total Rewards distributed |
| CTR             | Completes      | Claim rate                |
|                 | VTR            | Clicks                    |

**Interactive Features:** The video (once clicked) displayed a gamified counter with hotspot in top right of player for user to claim specific reward.&#x20;

**Test Tag**

```
<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        window.onload = function () {
            // 1) Load external script
            var script = document.createElement('script');
            script.src = 'https://thirdparty.viewfi.io/script.js';
            script.async = true;
            document.body.appendChild(script);

            // 2) Define the click macro (platform specific variable) with a benign destination
            var clickTrackingUrl = '{%click_url_redir%}about%3Ablank';

            // 3) “Fire” the click‐tracking call on user interaction
            var viewfiWidget = document.getElementById('viewfi_widget');
            viewfiWidget.addEventListener('click', function () {
                console.log("Experience clicked");
                fetch(clickTrackingUrl,{
                    method: 'GET',
                    mode: 'no-cors'
                }).catch(function () {
                    // Suppress errors so we don’t break the user’s experience
                });
                // Then continue showing lightbox, video overlay, etc. 
            });
        };
    </script>
</head>
<body>
    <div id="viewfi_widget" data-iframe-src="https://wickedmovie.viewfi.io/c/8D9LKB24L0?adpartner=adkernel">
    </div>
    <image url="https://social-preview.viewfi.io/image/8D9LKB24L0">
</body>
</html>
```

**Third-Party Integrations:** Google Ad Manager, tracking pixels

**Compliance:** AB guidelines, GDPR, COPPA compliant&#x20;

**Technical Constraints:** Any platform limitations (e.g., max load time, scripting restrictions)
