---
# System prepended metadata

title: DTNL Pitch platform

---

# DTNL Pitch platform 
## Video - timeline click
When a user clicks on the timeline of the video, the following has to be filled in **each time the click happens**:
```javascript=
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'pitchVideoClick',   
  'eventAction': <current % of the video watched>,    // 25%, 50%, 75% or 100%
  'eventLabel': <URL of the page>   
});
</script>
```

## Video - carousel click
When a user clicks on the carousel of the video, the following has to be filled in **each time the click happens**:

```javascript=
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'recordedVideoClick',                    
  'eventAction': <current % of the video watched>,    // 25%, 50%, 75% or 100%
  'eventLabel': <section name>                   // e.g. Introduction, Our Technical Approach, Debrief etc.
</script>
```


## File download
We'd like to restructure the `downloadPitchClick` event as some interactions are not tracked correctly.

This is what should be filled in when someone clicks to download a file:

```javascript=
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'downloadPitchClick',
  'eventCategory': 'downloads',
  'eventAction': <file location>,      // header, banner
  'eventLabel': <file name>    // pitch deck, rfp, test, all
});
</script>
```

See examples below:
*1. Header download*
![](https://i.imgur.com/dl0ZbyG.jpg)

```javascript=
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'downloadPitchClick',
  'eventCategory': 'downloads',
  'eventAction': 'header',     
  'eventLabel': 'pitch'   
});
</script>
```
*2. Download from the banner*
![](https://i.imgur.com/b1DUfGF.png)
```javascript=
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'downloadPitchClick',
  'eventCategory': 'downloads',
  'eventAction': 'banner',     
  'eventLabel': 'all'   
});
</script>
```