Tumult Hype

Tumult Hype is an HTML5 creation app for macOS.

Tumult Hype allows you to create rich media banners for desktop and mobile platforms.

DELFI has provided detailed instructions on how to implement clicktag, how to create a responsive banner and how to configure your banner for optimized publishing.


How to add Clicktag in Tumult Hype

Best practice would be to use DELFI provided template where clicktag has already been implemented and set up for you. When publishing, please use Advanced Export like described in the Publishing section.

Template: DELFI Tumult Hype Template
Example Project: DELFI Tumult Hype 300x600 Example

Add clicktag code:

  1. Edit HTML and insert the code
    <script>
    document.write('<script src="'+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='+ Math.random()) +'"><\/script>');
    </script>
    
  2. Add a Symbol
  3. Add a an Action to that symbol
    clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.example.com');
    landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');
    
    window.open(clickTAGvalue,landingpagetarget);
    
  4. Add clicktag code to that function

Testing locally should open http://www.example.com url that is just a fallback. Actual url will be provided by ad server.

Read more about Adform clicktag here.


How to publish banner for Delfi in Tumult Hype

Try and set the settings as displayed on the Publish Settings picture below.

  1. Go to File > Advanced Export...
  2. Remove chekmark from Support Internet Explorer 6-9
  3. Add a checkmark in front of Use external runtime URL
  4. Add https://g.delfi.ee/m/rmb/s/ in the input field
  5. Compress the exported file
  6. Send the ZIP file to DELFI

How to create a responsive banner in Tumult Hype

To make Tumult Hype banner responsive make sure that when creating a new banner, the Scene Size Scale checkboxes are checked.