![]() We highly suggest encoding a click-through URL before appending it to the clickTAG parameter. Name of clickTAG parameter is provided in the code snippet’s last line between double quotes. Important: JavaScript variables is case sensitive and therefore clickTAG parameter in an URL should match a case in code snippet. The first line defines default landing page URL which will be used when no clickTAG variables passed to the URL. Window.open((function(url, param, defVal) )(, "clickTag", clickTag)) Or in the “Events” panel click on the “+” button (if you don’t see “Events” panel, click Window > Events).Ĭ) Select the previously added tap area as the target (skip this if you selected “Add event…” from right mouse button’s menu).ĭ) Select “Tap Area” and then “Touch/Click”.Į) Select “Custom” and then “Add custom action”.į) Define function name (there is field right after “gwd.”), e.g. Add a clickTAG with default landing page URLĪ) Create a tap area from Google Web Designer components (if you don’t see “Components” panel, click Window > Components).ī) Click right mouse button on the tap area and select “Add event…”. If not yet created, create it without implementing a click-through URL. We assume that you have basic knowledge with Google Web Designer (GWD) and that a banner is created already. At the end of this article you could create an HTML banner which gets a click-through URL from the banner URL.įor example, the URL has the following parts: an URL to hosted banner We will show how to create HTML banners with clickTAG variables. ![]() Therefore you need to use a different approach for clicks tracking. But HTML banners with exit events don’t work with custom creative templates because Google doesn’t allow to upload HTML banners in creative templates. ![]() Google seeks for exit events on the uploading process, and in a successful result, it accepts that HTML banner. Collapsed page on exit - For expandable ads, the page to show when the user closes the ad.It’s relatively easy to create HTML banners with exit events in the Google Web Designer and upload those banners in Google Ad Manager as HTML5 creatives by following to official instructions.Pause media on exit - Check to stop video and audio playback when the user closes the ad.Collapse on exit - For expandable ads, check to collapse the ad when the user closes the ad.Metrics ID - A label (e.g., "CTA") to make reports easier to understand.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. In the event dialog, select the following options:.Click the new event button in the Events panel.Drag the Tap Area component from the Interaction folder of the Components panel to the stage, and position it over the call to action.Be sure your ad has a button or other clear visual call-to-action element for the user to click or touch.A typical call to action is a clickable button that takes the user to a company website. The final step to creating an effective ad is to add a call to action. Quick mode lets you animate your ad scene by scene, while Advanced mode lets you animate individual elements on their own timeline Select the animation mode that you want to use initially (you can switch at any time). If you want to use a size that isn't listed, select Custom from the dropdown, and enter the width and height manually. Common banner sizes are listed in the dropdown list. Select Display & Video 360 as the ad serving environment.Įither check "Responsive layout" to create an ad that automatically sizes to match the viewport or ad slot it's displayed in, or set the dimensions for the ad if you know the specific size. You can save your file locally on your computer, or save to Google Drive. This will be the name of the HTML file.Ĭhoose where you want to save the file. In the "Create New Blank File" dialog, choose Banner as the ad type.From the launch screen, click Create New File or click File > New.(If you don't have it yet, download Google Web Designer here.)
0 Comments
Leave a Reply. |