# 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**:

<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**:

<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:

<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*

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'downloadPitchClick',
  'eventCategory': 'downloads',
  'eventAction': 'header',     
  'eventLabel': 'pitch'   
});
</script>

*2. Download from the banner*

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'event': 'downloadPitchClick',
  'eventCategory': 'downloads',
  'eventAction': 'banner',     
  'eventLabel': 'all'   
});
</script>