Annotating HTML5 Banners

Once an HTML5 banner file has been uploaded{{Previewing HTML5 banner content}} it is possible to add annotations{{Annotations}} to the file, just as you would a video or image file. Through adding annotations and comments directly onto the file you can communicate efficiently throughout the entire approvals{{Approvals}} process.

Installing the Screen Recorder

The first step in the process is to download a browser plugin to allow you record the dynamic banner.

Please note that this browser plugin is only availble for the Google Chrome and Mozilla Firefox browsers.

To download the plugin you must open the live preview of the banner, which you can do by clicking just above the static preview on Click here to open live preview.

Screen_Shot_2017-06-20_at_12.38.00.png

The very first time you view a live preview (which opens in a new window), you will see a link to Install Screen Recorder above the preview, which will start the plugin installation process.

Recording & Annotating the Banner

  • Once the plugin is installed you will see an option to Start Recording next to the Replay option.

Screen_Shot_2017-06-16_at_15.04.00.png

  • When you start recording you will be given the choice to either record your entire screen or just a specific window - in this situation, choose to record the window which is showing the banner.
  • Whilst the recording is running, use the Replay button to ensure the entire banner is captured by the recording and then when you're done, click Stop.
  • Next you will have options to Re-record if you'd like to try again or, Save & Annotate if you're ready to start annotations.
  • Upon clicking Save & Annotate you will be taken to the regular annotation{/s} tool, so go ahead and make any annotations or leave comments in the usual way, and once you're finished annotating, click Save.
Top Tip: Pull the tab away from the window and resize it to trim away the space around the ad before choosing the window to record. This way, your recording will be just the banner and not the whole window.

Screen Recordings Tab

Once you've made a recording of a banner it will be saved in the Screen Recordings Tab, which can be found underneath the static preview of the file. Here you will not only see any recordings, but also have the option to download, edit or delete them.

Screen_Shot_2017-06-20_at_12.39.28.png

Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

Comments