Add custom events in Google Web Designer

Add a timer

A timer lets you measure the length of any action in a creative, for example, the amount of time a user plays a game.

To add a timer using Google Web Designer:

  1. Go to the “Events' panel and click the ‘plus’ ( +) button to assign an event to the object you want.
  2. In the events pop-up window, select object's instance as the source.
  3. Select Tap Area then Touch/Click.
  4. Still in the events pop-up, go to the 'Action' panel and click Google Ad, then click Start timer.
  5. Go to the 'Receiver' panel and click gwd-ad.
  6. Go to the 'Configuration' panel enter the Metric ID you want for tracking purposes. Remember the ID you enter here since you'll need to re-use it to stop the timer.
  7. Repeat the same steps to stop the timer. Use the same metric ID you used in the previous step.
  8. Click Save. The tracking code is automatically added in for you based on what you’re specifying, so there’s no need to go through and edit the source code later.
  9. Preview your ad in your preferred browser.
  10. Publish the ad to Studio.

Events sent by the Tap Area component

Events are how you connect a physical gesture from your user to an action in your ad. (See the Add Events article in the Google Web Designer Help Center for more information.) The Tap Area component sends the following event which can be used to trigger other actions:

  • Touch/Click
Was this helpful?
How can we improve it?