Search
Clear search
Close search
Google apps
Main menu

The Tap Area component

The Tap Area component is a transparent element you can position over any part of the screen, which lets the user trigger an action with a touch or mouse click.

To add the Tap Area component to your project:

  1. Open the Components panel, then the Interaction folder.
  2. Drag the Tap Area component to the stage.
  3. Name the component in the Properties panel.

Events

Events are how you connect a physical gesture from your user to an action in your ad. The Tap Area component sends the following event which can be used to trigger other actions:

Event Description
Touch/Click Sent when the user touches (mobile) or clicks (desktop) the button.
For mobile compatibility, use the Tap Area > Touch/Click event instead of Mouse > click.
Using a Tap Area component to create a call to action (CTA)
  1. Be sure your ad has a button or other clear visual call-to-action element for the user to click or touch.
  2. Drag the Tap Area component from the Interaction folder of the Components panel to the stage, and position it over the call to action.
  3. Click the new event button  in the Events panel.
  4. In the event dialog, select the following options:
    Target The TapArea component (gwd-taparea_1)
    Event Tap Area > Touch/Click
    Action Google Ad > Exit
    Receiver gwd-ad
    Configuration
    • Metrics ID - A label, such as clickTag, that will make your reporting meaningful.
    • URL - The exit URL.
    • Collapse on exit - Check to collapse the ad when the user closes the ad.
    • Pause media on exit - Check to stop video and audio playback when the user closes the ad.

Creating a dynamic call to action with the Tap Area component

The Tap Area component lets you initiate almost any action with a touch or click. One common use is to create a call to action. Typically, this will be a static link to a website, but dynamic links are also possible when you're creating a dynamic ad.

The Tap Area component has a dynamic property, Exit Override URL, that's accessible through the data binding section of the Dynamic Properties panel. This lets you use a schema that includes individual product URLs, and bind them dynamically to the Tap Area component.

Preview

Components can't be previewed inside the Google Web Designer interface. To see the component in action, preview your ad in your preferred browser.

Was this article helpful?
How can we improve it?