Google Web Designer is an ad creation tool to create rich and optimized html5 banners.

When sending banners always make sure to mark the Enviroment as Non-Google Ad - otherwise there will be a lenghty delay between when the banner is loaded vs when it is rendered.

To make Google Web Designer banner responsive make sure that when creating a new banner, the Responsive layout checkbox is checked.

Or if making an existing banner responsive, change the root element width to 100% and height to 100%

Do note that you will also need to change all of the elements size to be defined as percentages not pixels. You can do this by selecting "%" from the dropdown next to the values or by pressing the "Use percentages" button below them - GWD will do the math and convert the values.

Open Code view, insert DHTML library to head section

<script>
    document.write('<script src="'+ (window.API_URL || 'https://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js?bv='+ Math.random()) +'"><\/script>');
  </script>

Create a tap area and add a custom click event action to it. Define function name clickTag and add this code snippet:

var clickTAGvalue = dhtml.getVar('clickTAG', 'http://www.example.com');
  var landingpagetarget = dhtml.getVar('landingPageTarget', '_blank');
  window.open(clickTAGvalue, landingpagetarget);