This component is not supported for AMPHTML ads, video ads or image ads.
The Tap Area component is a transparent element that 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:
- Open the Components panel, then the Interaction folder.
- Drag the Tap Area component to the stage. The component is transparent to the user, so you may want to position it over a visible element that lets the user know where to click or tap, or resize the component to cover the entire page.
- Right-click the component and select Add event... to set up an event that triggers the action that you want when a user taps or clicks the Tap Area. In the Event dialogue:
- For the event, select Tap area > Touch/Click.
- For the action, select the action that you want.
- For the receiver, select the element that's associated with the action.
- Depending on the action, you may need to set additional configuration options.
For mobile device compatibility, use the Tap area > Touch/Click event instead of Mouse > click.
For dynamic ads: find out how to add a dynamic call to action.
- Make sure that your ad has a button or other clear visual call-to-action element for the user to click or touch.
- Drag the Tap Area component from the Interaction folder of the Components panel to the stage and position it over the call to action.
- Click the new event button in the Events panel.
- In the event dialogue, select the following options:
Target The tap area component ( gwd-taparea_1
)Event Tap area > touch/click Action Google Ad > Exit ad
Note: A similar action, Exit ad (overrides URL), doesn't allow you to modify the URL outside of the creative, such as within Studio or Campaign Manager 360, and should only be used for dynamic ads.
Receiver gwd-ad
Configuration - Metrics ID – A label (e.g. 'CTA') to make reports easier to understand.
- URL – The exit URL.
- Collapse on exit – For expandable ads, tick to collapse the ad when the user closes the ad.
- Pause media on exit – Tick to stop video and audio playback when the user closes the ad.
- Collapsed page on exit – for expandable ads, the page to show when the user closes the ad.
Events and actions
Events sent by the tap area componentYou can trigger other actions based on the following tap area component events:
Event | Description |
---|---|
Touch/Click | Sent when the user touches (mobile) or clicks (desktop) the component. |
To select this event in the Event dialogue, set the Tap Area component as the target.
Learn how to configure events.
Preview
This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper-right corner.