2. GWD will automatically open to the invitation state portion of the ad, with a tap-area element already placed. Import the creative for the invitation size and center it on the stage. Send the artwork to the back so that it is behind the tap area event. In the bottom left corner of the screen you will see a button, that allows you to toggle back and forth between the invitation state and the expanded state. The expanded ad will automatically have a tap-to-close area in the top right corner. Next, ad the artwork to the stage and send it to the back.
3. Now, we will add a “background exit tap area” to the stage that will allow the user to click to the landing page. This element is under the “component” drop-down menu on the right side. Using the “properties” drop-down menu, adjust the size and alignment of the background exit tap area. You also will need to give the element a unique name like, “backgroundExit.”Then toggle the “events” menu down and click the “+” button in the bottom left corner. Select the “backgroundExit” element, then select “tap area” and “touch click.” Select “Double click component” and then “Exit.” The receiver is “gwd-ad.” Finally you will need to give it an exit identifier (I used “bgExit”) and paste in the desired URL. Now, you can preview your ad using the preview button in the top right corner of GWD. Once your ad is complete, you will be ready publish it!
Google Web Designer allows endless opportunities to get creative with Rich Media ads. For an added challenge, try adding in video to your expanded ad! Comment and let us know if you have any questions or additional tips!